HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
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