HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
Lavender
#e6e6fa
rgb(230, 230, 250)
hsl(240, 67%, 94%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #eaeafb | |
| 94% | #e6e6fa | |
| 90% | #d4d4f7 | |
| 85% | #bfbff2 | |
| 80% | #aaaaee | |
| 75% | #9595ea | |
| 70% | #7f7fe6 | |
| 65% | #6a6ae2 | |
| 60% | #5555dd | |
| 55% | #3f3fd9 | |
| 50% | #2a2ad5 | |
| 45% | #2626c0 | |
| 40% | #2222aa | |
| 35% | #1d1d95 | |
| 30% | #191980 | |
| 25% | #15156a | |
| 20% | #111155 | |
| 15% | #0d0d40 | |
| 10% | #08082b | |
| 5% | #040415 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #fae5e5 | rgb(250, 229, 229) | hsl(0, 67%, 94%) | |
| 15 | #faebe5 | rgb(250, 235, 229) | hsl(15, 67%, 94%) | |
| 30 | #faf0e5 | rgb(250, 240, 229) | hsl(30, 67%, 94%) | |
| 45 | #faf5e5 | rgb(250, 245, 229) | hsl(45, 67%, 94%) | |
| 60 | #fafae5 | rgb(250, 250, 229) | hsl(60, 67%, 94%) | |
| 75 | #f5fae5 | rgb(245, 250, 229) | hsl(75, 67%, 94%) | |
| 90 | #f0fae5 | rgb(240, 250, 229) | hsl(90, 67%, 94%) | |
| 105 | #ebfae5 | rgb(235, 250, 229) | hsl(105, 67%, 94%) | |
| 120 | #e5fae5 | rgb(229, 250, 229) | hsl(120, 67%, 94%) | |
| 135 | #e5faeb | rgb(229, 250, 235) | hsl(135, 67%, 94%) | |
| 150 | #e5faf0 | rgb(229, 250, 240) | hsl(150, 67%, 94%) | |
| 165 | #e5faf5 | rgb(229, 250, 245) | hsl(165, 67%, 94%) | |
| 180 | #e5fafa | rgb(229, 250, 250) | hsl(180, 67%, 94%) | |
| 195 | #e5f5fa | rgb(229, 245, 250) | hsl(195, 67%, 94%) | |
| 210 | #e5f0fa | rgb(229, 240, 250) | hsl(210, 67%, 94%) | |
| 225 | #e5ebfa | rgb(229, 235, 250) | hsl(225, 67%, 94%) | |
| 240 | #e6e6fa | rgb(230, 230, 250) | hsl(240, 67%, 94%) | |
| 255 | #ebe5fa | rgb(235, 229, 250) | hsl(255, 67%, 94%) | |
| 270 | #f0e5fa | rgb(240, 229, 250) | hsl(270, 67%, 94%) | |
| 285 | #f5e5fa | rgb(245, 229, 250) | hsl(285, 67%, 94%) | |
| 300 | #fae5fa | rgb(250, 229, 250) | hsl(300, 67%, 94%) | |
| 315 | #fae5f5 | rgb(250, 229, 245) | hsl(315, 67%, 94%) | |
| 330 | #fae5f0 | rgb(250, 229, 240) | hsl(330, 67%, 94%) | |
| 345 | #fae5eb | rgb(250, 229, 235) | hsl(345, 67%, 94%) | |
| 360 | #fae5e5 | rgb(250, 229, 229) | hsl(0, 67%, 94%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #e0e0ff | rgb(224, 224, 255) | hsl(240, 100%, 94%) | |
| 95% | #e1e1fe | rgb(225, 225, 254) | hsl(240, 95%, 94%) | |
| 90% | #e2e2fd | rgb(226, 226, 253) | hsl(240, 90%, 94%) | |
| 85% | #e3e3fd | rgb(227, 227, 253) | hsl(240, 85%, 94%) | |
| 80% | #e3e3fc | rgb(227, 227, 252) | hsl(240, 80%, 94%) | |
| 75% | #e4e4fb | rgb(228, 228, 251) | hsl(240, 75%, 94%) | |
| 70% | #e5e5fa | rgb(229, 229, 250) | hsl(240, 70%, 94%) | |
| 67% | #e6e6fa | rgb(230, 230, 250) | hsl(240, 67%, 94%) | |
| 65% | #e6e6fa | rgb(230, 230, 250) | hsl(240, 65%, 94%) | |
| 60% | #e7e7f9 | rgb(231, 231, 249) | hsl(240, 60%, 94%) | |
| 55% | #e7e7f8 | rgb(231, 231, 248) | hsl(240, 55%, 94%) | |
| 50% | #e8e8f7 | rgb(232, 232, 247) | hsl(240, 50%, 94%) | |
| 45% | #e9e9f7 | rgb(233, 233, 247) | hsl(240, 45%, 94%) | |
| 40% | #eaeaf6 | rgb(234, 234, 246) | hsl(240, 40%, 94%) | |
| 35% | #eaeaf5 | rgb(234, 234, 245) | hsl(240, 35%, 94%) | |
| 30% | #ebebf4 | rgb(235, 235, 244) | hsl(240, 30%, 94%) | |
| 25% | #ececf4 | rgb(236, 236, 244) | hsl(240, 25%, 94%) | |
| 20% | #ededf3 | rgb(237, 237, 243) | hsl(240, 20%, 94%) | |
| 15% | #ededf2 | rgb(237, 237, 242) | hsl(240, 15%, 94%) | |
| 10% | #eeeef1 | rgb(238, 238, 241) | hsl(240, 10%, 94%) | |
| 5% | #efeff0 | rgb(239, 239, 240) | hsl(240, 5%, 94%) | |
| 0% | #f0f0f0 | rgb(240, 240, 240) | hsl(240, 0%, 94%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(240, 67%, 100%) | |
| 95% | #eaeafb | rgb(234, 234, 251) | hsl(240, 67%, 95%) | |
| 94% | #e6e6fa | rgb(230, 230, 250) | hsl(240, 67%, 94%) | |
| 90% | #d4d4f7 | rgb(212, 212, 247) | hsl(240, 67%, 90%) | |
| 85% | #bfbff2 | rgb(191, 191, 242) | hsl(240, 67%, 85%) | |
| 80% | #aaaaee | rgb(170, 170, 238) | hsl(240, 67%, 80%) | |
| 75% | #9595ea | rgb(149, 149, 234) | hsl(240, 67%, 75%) | |
| 70% | #7f7fe6 | rgb(127, 127, 230) | hsl(240, 67%, 70%) | |
| 65% | #6a6ae2 | rgb(106, 106, 226) | hsl(240, 67%, 65%) | |
| 60% | #5555dd | rgb(85, 85, 221) | hsl(240, 67%, 60%) | |
| 55% | #3f3fd9 | rgb(63, 63, 217) | hsl(240, 67%, 55%) | |
| 50% | #2a2ad5 | rgb(42, 42, 213) | hsl(240, 67%, 50%) | |
| 45% | #2626c0 | rgb(38, 38, 192) | hsl(240, 67%, 45%) | |
| 40% | #2222aa | rgb(34, 34, 170) | hsl(240, 67%, 40%) | |
| 35% | #1d1d95 | rgb(29, 29, 149) | hsl(240, 67%, 35%) | |
| 30% | #191980 | rgb(25, 25, 128) | hsl(240, 67%, 30%) | |
| 25% | #15156a | rgb(21, 21, 106) | hsl(240, 67%, 25%) | |
| 20% | #111155 | rgb(17, 17, 85) | hsl(240, 67%, 20%) | |
| 15% | #0d0d40 | rgb(13, 13, 64) | hsl(240, 67%, 15%) | |
| 10% | #08082b | rgb(8, 8, 43) | hsl(240, 67%, 10%) | |
| 5% | #040415 | rgb(4, 4, 21) | hsl(240, 67%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(240, 67%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 230 | 230 | 250 |
rgb(230, 230, 250)
#e6e6fa
#e6e6fa
