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
LightBlue
#add8e6
rgb(173, 216, 230)
hsl(195, 53%, 79%)
Lighter / Darker:
100% | #ffffff | |
95% | #ebf6f9 | |
90% | #d8ecf3 | |
85% | #c4e3ed | |
80% | #b1dae7 | |
79% | #add8e6 | |
75% | #9dd0e1 | |
70% | #8ac7db | |
65% | #76bdd5 | |
60% | #63b4cf | |
55% | #4fabc9 | |
50% | #3ca1c3 | |
45% | #3691b0 | |
40% | #30819c | |
35% | #2a7189 | |
30% | #246175 | |
25% | #1e5162 | |
20% | #18414e | |
15% | #12303b | |
10% | #0c2027 | |
5% | #061014 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #e6adad | rgb(230, 173, 173) | hsl(0, 53%, 79%) | |
15 | #e6bbad | rgb(230, 187, 173) | hsl(15, 53%, 79%) | |
30 | #e6c9ad | rgb(230, 201, 173) | hsl(30, 53%, 79%) | |
45 | #e6d8ad | rgb(230, 216, 173) | hsl(45, 53%, 79%) | |
60 | #e6e6ad | rgb(230, 230, 173) | hsl(60, 53%, 79%) | |
75 | #d8e6ad | rgb(216, 230, 173) | hsl(75, 53%, 79%) | |
90 | #c9e6ad | rgb(201, 230, 173) | hsl(90, 53%, 79%) | |
105 | #bbe6ad | rgb(187, 230, 173) | hsl(105, 53%, 79%) | |
120 | #ade6ad | rgb(173, 230, 173) | hsl(120, 53%, 79%) | |
135 | #ade6bb | rgb(173, 230, 187) | hsl(135, 53%, 79%) | |
150 | #ade6c9 | rgb(173, 230, 201) | hsl(150, 53%, 79%) | |
165 | #ade6d8 | rgb(173, 230, 216) | hsl(165, 53%, 79%) | |
180 | #ade6e6 | rgb(173, 230, 230) | hsl(180, 53%, 79%) | |
195 | #add8e6 | rgb(173, 216, 230) | hsl(195, 53%, 79%) | |
210 | #adc9e6 | rgb(173, 201, 230) | hsl(210, 53%, 79%) | |
225 | #adbbe6 | rgb(173, 187, 230) | hsl(225, 53%, 79%) | |
240 | #adade6 | rgb(173, 173, 230) | hsl(240, 53%, 79%) | |
255 | #bbade6 | rgb(187, 173, 230) | hsl(255, 53%, 79%) | |
270 | #c9ade6 | rgb(201, 173, 230) | hsl(270, 53%, 79%) | |
285 | #d8ade6 | rgb(216, 173, 230) | hsl(285, 53%, 79%) | |
300 | #e6ade6 | rgb(230, 173, 230) | hsl(300, 53%, 79%) | |
315 | #e6add8 | rgb(230, 173, 216) | hsl(315, 53%, 79%) | |
330 | #e6adc9 | rgb(230, 173, 201) | hsl(330, 53%, 79%) | |
345 | #e6adbb | rgb(230, 173, 187) | hsl(345, 53%, 79%) | |
360 | #e6adad | rgb(230, 173, 173) | hsl(0, 53%, 79%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #94e4ff | rgb(148, 228, 255) | hsl(195, 100%, 79%) | |
95% | #97e3fc | rgb(151, 227, 252) | hsl(195, 95%, 79%) | |
90% | #99e2fa | rgb(153, 226, 250) | hsl(195, 90%, 79%) | |
85% | #9ce0f7 | rgb(156, 224, 247) | hsl(195, 85%, 79%) | |
80% | #9fdff4 | rgb(159, 223, 244) | hsl(195, 80%, 79%) | |
75% | #a1def2 | rgb(161, 222, 242) | hsl(195, 75%, 79%) | |
70% | #a4dcef | rgb(164, 220, 239) | hsl(195, 70%, 79%) | |
65% | #a7dbec | rgb(167, 219, 236) | hsl(195, 65%, 79%) | |
60% | #a9daea | rgb(169, 218, 234) | hsl(195, 60%, 79%) | |
55% | #acd8e7 | rgb(172, 216, 231) | hsl(195, 55%, 79%) | |
53% | #add8e6 | rgb(173, 216, 230) | hsl(195, 53%, 79%) | |
50% | #afd7e4 | rgb(175, 215, 228) | hsl(195, 50%, 79%) | |
45% | #b1d5e2 | rgb(177, 213, 226) | hsl(195, 45%, 79%) | |
40% | #b4d4df | rgb(180, 212, 223) | hsl(195, 40%, 79%) | |
35% | #b7d3dc | rgb(183, 211, 220) | hsl(195, 35%, 79%) | |
30% | #b9d1da | rgb(185, 209, 218) | hsl(195, 30%, 79%) | |
25% | #bcd0d7 | rgb(188, 208, 215) | hsl(195, 25%, 79%) | |
20% | #bfcfd4 | rgb(191, 207, 212) | hsl(195, 20%, 79%) | |
15% | #c1cdd1 | rgb(193, 205, 209) | hsl(195, 15%, 79%) | |
10% | #c4cccf | rgb(196, 204, 207) | hsl(195, 10%, 79%) | |
5% | #c7cbcc | rgb(199, 203, 204) | hsl(195, 5%, 79%) | |
0% | #c9c9c9 | rgb(201, 201, 201) | hsl(195, 0%, 79%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(195, 53%, 100%) | |
95% | #ebf6f9 | rgb(235, 246, 249) | hsl(195, 53%, 95%) | |
90% | #d8ecf3 | rgb(216, 236, 243) | hsl(195, 53%, 90%) | |
85% | #c4e3ed | rgb(196, 227, 237) | hsl(195, 53%, 85%) | |
80% | #b1dae7 | rgb(177, 218, 231) | hsl(195, 53%, 80%) | |
79% | #add8e6 | rgb(173, 216, 230) | hsl(195, 53%, 79%) | |
75% | #9dd0e1 | rgb(157, 208, 225) | hsl(195, 53%, 75%) | |
70% | #8ac7db | rgb(138, 199, 219) | hsl(195, 53%, 70%) | |
65% | #76bdd5 | rgb(118, 189, 213) | hsl(195, 53%, 65%) | |
60% | #63b4cf | rgb(99, 180, 207) | hsl(195, 53%, 60%) | |
55% | #4fabc9 | rgb(79, 171, 201) | hsl(195, 53%, 55%) | |
50% | #3ca1c3 | rgb(60, 161, 195) | hsl(195, 53%, 50%) | |
45% | #3691b0 | rgb(54, 145, 176) | hsl(195, 53%, 45%) | |
40% | #30819c | rgb(48, 129, 156) | hsl(195, 53%, 40%) | |
35% | #2a7189 | rgb(42, 113, 137) | hsl(195, 53%, 35%) | |
30% | #246175 | rgb(36, 97, 117) | hsl(195, 53%, 30%) | |
25% | #1e5162 | rgb(30, 81, 98) | hsl(195, 53%, 25%) | |
20% | #18414e | rgb(24, 65, 78) | hsl(195, 53%, 20%) | |
15% | #12303b | rgb(18, 48, 59) | hsl(195, 53%, 15%) | |
10% | #0c2027 | rgb(12, 32, 39) | hsl(195, 53%, 10%) | |
5% | #061014 | rgb(6, 16, 20) | hsl(195, 53%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(195, 53%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
173 | 216 | 230 |
rgb(173, 216, 230)
#add8e6
#add8e6