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
LightSteelBlue
#b0c4de
rgb(176, 196, 222)
hsl(214, 41%, 78%)
Lighter / Darker:
100% | #ffffff | |
95% | #edf2f7 | |
90% | #dbe4f0 | |
85% | #c9d7e8 | |
80% | #b7c9e1 | |
78% | #b0c4de | |
75% | #a5bcd9 | |
70% | #93aed2 | |
65% | #81a1ca | |
60% | #6f93c3 | |
55% | #5d86bb | |
50% | #4b79b4 | |
45% | #446ca2 | |
40% | #3c6090 | |
35% | #35547e | |
30% | #2d486c | |
25% | #263c5a | |
20% | #1e3048 | |
15% | #172436 | |
10% | #0f1824 | |
5% | #080c12 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #deb0b0 | rgb(222, 176, 176) | hsl(0, 41%, 78%) | |
15 | #debbb0 | rgb(222, 187, 176) | hsl(15, 41%, 78%) | |
30 | #dec7b0 | rgb(222, 199, 176) | hsl(30, 41%, 78%) | |
45 | #ded2b0 | rgb(222, 210, 176) | hsl(45, 41%, 78%) | |
60 | #dedeb0 | rgb(222, 222, 176) | hsl(60, 41%, 78%) | |
75 | #d2deb0 | rgb(210, 222, 176) | hsl(75, 41%, 78%) | |
90 | #c7deb0 | rgb(199, 222, 176) | hsl(90, 41%, 78%) | |
105 | #bbdeb0 | rgb(187, 222, 176) | hsl(105, 41%, 78%) | |
120 | #b0deb0 | rgb(176, 222, 176) | hsl(120, 41%, 78%) | |
135 | #b0debb | rgb(176, 222, 187) | hsl(135, 41%, 78%) | |
150 | #b0dec7 | rgb(176, 222, 199) | hsl(150, 41%, 78%) | |
165 | #b0ded2 | rgb(176, 222, 210) | hsl(165, 41%, 78%) | |
180 | #b0dede | rgb(176, 222, 222) | hsl(180, 41%, 78%) | |
195 | #b0d2de | rgb(176, 210, 222) | hsl(195, 41%, 78%) | |
210 | #b0c7de | rgb(176, 199, 222) | hsl(210, 41%, 78%) | |
214 | #b0c4de | rgb(176, 196, 222) | hsl(214, 41%, 78%) | |
225 | #b0bbde | rgb(176, 187, 222) | hsl(225, 41%, 78%) | |
240 | #b0b0de | rgb(176, 176, 222) | hsl(240, 41%, 78%) | |
255 | #bbb0de | rgb(187, 176, 222) | hsl(255, 41%, 78%) | |
270 | #c7b0de | rgb(199, 176, 222) | hsl(270, 41%, 78%) | |
285 | #d2b0de | rgb(210, 176, 222) | hsl(285, 41%, 78%) | |
300 | #deb0de | rgb(222, 176, 222) | hsl(300, 41%, 78%) | |
315 | #deb0d2 | rgb(222, 176, 210) | hsl(315, 41%, 78%) | |
330 | #deb0c7 | rgb(222, 176, 199) | hsl(330, 41%, 78%) | |
345 | #deb0bb | rgb(222, 176, 187) | hsl(345, 41%, 78%) | |
360 | #deb0b0 | rgb(222, 176, 176) | hsl(0, 41%, 78%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #8fbfff | rgb(143, 191, 255) | hsl(214, 100%, 78%) | |
95% | #92c0fc | rgb(146, 192, 252) | hsl(214, 95%, 78%) | |
90% | #94c0f9 | rgb(148, 192, 249) | hsl(214, 90%, 78%) | |
85% | #97c1f7 | rgb(151, 193, 247) | hsl(214, 85%, 78%) | |
80% | #9ac1f4 | rgb(154, 193, 244) | hsl(214, 80%, 78%) | |
75% | #9dc1f1 | rgb(157, 193, 241) | hsl(214, 75%, 78%) | |
70% | #a0c2ee | rgb(160, 194, 238) | hsl(214, 70%, 78%) | |
65% | #a2c2eb | rgb(162, 194, 235) | hsl(214, 65%, 78%) | |
60% | #a5c2e9 | rgb(165, 194, 233) | hsl(214, 60%, 78%) | |
55% | #a8c3e6 | rgb(168, 195, 230) | hsl(214, 55%, 78%) | |
50% | #abc3e3 | rgb(171, 195, 227) | hsl(214, 50%, 78%) | |
45% | #aec4e0 | rgb(174, 196, 224) | hsl(214, 45%, 78%) | |
41% | #b0c4de | rgb(176, 196, 222) | hsl(214, 41%, 78%) | |
40% | #b0c4dd | rgb(176, 196, 221) | hsl(214, 40%, 78%) | |
35% | #b3c4db | rgb(179, 196, 219) | hsl(214, 35%, 78%) | |
30% | #b6c5d8 | rgb(182, 197, 216) | hsl(214, 30%, 78%) | |
25% | #b9c5d5 | rgb(185, 197, 213) | hsl(214, 25%, 78%) | |
20% | #bcc5d2 | rgb(188, 197, 210) | hsl(214, 20%, 78%) | |
15% | #bec6cf | rgb(190, 198, 207) | hsl(214, 15%, 78%) | |
10% | #c1c6cd | rgb(193, 198, 205) | hsl(214, 10%, 78%) | |
5% | #c4c7ca | rgb(196, 199, 202) | hsl(214, 5%, 78%) | |
0% | #c7c7c7 | rgb(199, 199, 199) | hsl(214, 0%, 78%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(214, 41%, 100%) | |
95% | #edf2f7 | rgb(237, 242, 247) | hsl(214, 41%, 95%) | |
90% | #dbe4f0 | rgb(219, 228, 240) | hsl(214, 41%, 90%) | |
85% | #c9d7e8 | rgb(201, 215, 232) | hsl(214, 41%, 85%) | |
80% | #b7c9e1 | rgb(183, 201, 225) | hsl(214, 41%, 80%) | |
78% | #b0c4de | rgb(176, 196, 222) | hsl(214, 41%, 78%) | |
75% | #a5bcd9 | rgb(165, 188, 217) | hsl(214, 41%, 75%) | |
70% | #93aed2 | rgb(147, 174, 210) | hsl(214, 41%, 70%) | |
65% | #81a1ca | rgb(129, 161, 202) | hsl(214, 41%, 65%) | |
60% | #6f93c3 | rgb(111, 147, 195) | hsl(214, 41%, 60%) | |
55% | #5d86bb | rgb(93, 134, 187) | hsl(214, 41%, 55%) | |
50% | #4b79b4 | rgb(75, 121, 180) | hsl(214, 41%, 50%) | |
45% | #446ca2 | rgb(68, 108, 162) | hsl(214, 41%, 45%) | |
40% | #3c6090 | rgb(60, 96, 144) | hsl(214, 41%, 40%) | |
35% | #35547e | rgb(53, 84, 126) | hsl(214, 41%, 35%) | |
30% | #2d486c | rgb(45, 72, 108) | hsl(214, 41%, 30%) | |
25% | #263c5a | rgb(38, 60, 90) | hsl(214, 41%, 25%) | |
20% | #1e3048 | rgb(30, 48, 72) | hsl(214, 41%, 20%) | |
15% | #172436 | rgb(23, 36, 54) | hsl(214, 41%, 15%) | |
10% | #0f1824 | rgb(15, 24, 36) | hsl(214, 41%, 10%) | |
5% | #080c12 | rgb(8, 12, 18) | hsl(214, 41%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(214, 41%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
176 | 196 | 222 |
rgb(176, 196, 222)
#b0c4de
#b0c4de