HTML Color Picker
Pick a Color:
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
