HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#a6c0cd
rgb(166, 192, 205)
hsl(200, 28%, 73%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #eff3f6 | |
| 90% | #dee8ed | |
| 85% | #cedce3 | |
| 80% | #bed1da | |
| 75% | #adc5d1 | |
| 73% | #a6c0cd | |
| 70% | #9dbac8 | |
| 65% | #8daebf | |
| 60% | #7ca3b6 | |
| 55% | #6c97ac | |
| 50% | #5c8ba3 | |
| 45% | #537d93 | |
| 40% | #497083 | |
| 35% | #406272 | |
| 30% | #375462 | |
| 25% | #2e4652 | |
| 20% | #253841 | |
| 15% | #1c2a31 | |
| 10% | #121c21 | |
| 5% | #090e10 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #cda7a7 | rgb(205, 167, 167) | hsl(0, 28%, 73%) | |
| 15 | #cdb1a7 | rgb(205, 177, 167) | hsl(15, 28%, 73%) | |
| 30 | #cdbaa7 | rgb(205, 186, 167) | hsl(30, 28%, 73%) | |
| 45 | #cdc4a7 | rgb(205, 196, 167) | hsl(45, 28%, 73%) | |
| 60 | #cdcda7 | rgb(205, 205, 167) | hsl(60, 28%, 73%) | |
| 75 | #c4cda7 | rgb(196, 205, 167) | hsl(75, 28%, 73%) | |
| 90 | #bacda7 | rgb(186, 205, 167) | hsl(90, 28%, 73%) | |
| 105 | #b1cda7 | rgb(177, 205, 167) | hsl(105, 28%, 73%) | |
| 120 | #a7cda7 | rgb(167, 205, 167) | hsl(120, 28%, 73%) | |
| 135 | #a7cdb1 | rgb(167, 205, 177) | hsl(135, 28%, 73%) | |
| 150 | #a7cdba | rgb(167, 205, 186) | hsl(150, 28%, 73%) | |
| 165 | #a7cdc4 | rgb(167, 205, 196) | hsl(165, 28%, 73%) | |
| 180 | #a7cdcd | rgb(167, 205, 205) | hsl(180, 28%, 73%) | |
| 195 | #a7c4cd | rgb(167, 196, 205) | hsl(195, 28%, 73%) | |
| 200 | #a6c0cd | rgb(166, 192, 205) | hsl(200, 28%, 73%) | |
| 210 | #a7bacd | rgb(167, 186, 205) | hsl(210, 28%, 73%) | |
| 225 | #a7b1cd | rgb(167, 177, 205) | hsl(225, 28%, 73%) | |
| 240 | #a7a7cd | rgb(167, 167, 205) | hsl(240, 28%, 73%) | |
| 255 | #b1a7cd | rgb(177, 167, 205) | hsl(255, 28%, 73%) | |
| 270 | #baa7cd | rgb(186, 167, 205) | hsl(270, 28%, 73%) | |
| 285 | #c4a7cd | rgb(196, 167, 205) | hsl(285, 28%, 73%) | |
| 300 | #cda7cd | rgb(205, 167, 205) | hsl(300, 28%, 73%) | |
| 315 | #cda7c4 | rgb(205, 167, 196) | hsl(315, 28%, 73%) | |
| 330 | #cda7ba | rgb(205, 167, 186) | hsl(330, 28%, 73%) | |
| 345 | #cda7b1 | rgb(205, 167, 177) | hsl(345, 28%, 73%) | |
| 360 | #cda7a7 | rgb(205, 167, 167) | hsl(0, 28%, 73%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #75d1ff | rgb(117, 209, 255) | hsl(200, 100%, 73%) | |
| 95% | #79d0fc | rgb(121, 208, 252) | hsl(200, 95%, 73%) | |
| 90% | #7ccff8 | rgb(124, 207, 248) | hsl(200, 90%, 73%) | |
| 85% | #80cef5 | rgb(128, 206, 245) | hsl(200, 85%, 73%) | |
| 80% | #83cdf1 | rgb(131, 205, 241) | hsl(200, 80%, 73%) | |
| 75% | #87cbee | rgb(135, 203, 238) | hsl(200, 75%, 73%) | |
| 70% | #8acaea | rgb(138, 202, 234) | hsl(200, 70%, 73%) | |
| 65% | #8dc9e7 | rgb(141, 201, 231) | hsl(200, 65%, 73%) | |
| 60% | #91c8e3 | rgb(145, 200, 227) | hsl(200, 60%, 73%) | |
| 55% | #94c7e0 | rgb(148, 199, 224) | hsl(200, 55%, 73%) | |
| 50% | #98c6dd | rgb(152, 198, 221) | hsl(200, 50%, 73%) | |
| 45% | #9bc4d9 | rgb(155, 196, 217) | hsl(200, 45%, 73%) | |
| 40% | #9fc3d6 | rgb(159, 195, 214) | hsl(200, 40%, 73%) | |
| 35% | #a2c2d2 | rgb(162, 194, 210) | hsl(200, 35%, 73%) | |
| 30% | #a5c1cf | rgb(165, 193, 207) | hsl(200, 30%, 73%) | |
| 28% | #a6c0cd | rgb(166, 192, 205) | hsl(200, 28%, 73%) | |
| 25% | #a9c0cb | rgb(169, 192, 203) | hsl(200, 25%, 73%) | |
| 20% | #acbfc8 | rgb(172, 191, 200) | hsl(200, 20%, 73%) | |
| 15% | #b0bec4 | rgb(176, 190, 196) | hsl(200, 15%, 73%) | |
| 10% | #b3bcc1 | rgb(179, 188, 193) | hsl(200, 10%, 73%) | |
| 5% | #b7bbbe | rgb(183, 187, 190) | hsl(200, 5%, 73%) | |
| 0% | #bababa | rgb(186, 186, 186) | hsl(200, 0%, 73%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(200, 28%, 100%) | |
| 95% | #eff3f6 | rgb(239, 243, 246) | hsl(200, 28%, 95%) | |
| 90% | #dee8ed | rgb(222, 232, 237) | hsl(200, 28%, 90%) | |
| 85% | #cedce3 | rgb(206, 220, 227) | hsl(200, 28%, 85%) | |
| 80% | #bed1da | rgb(190, 209, 218) | hsl(200, 28%, 80%) | |
| 75% | #adc5d1 | rgb(173, 197, 209) | hsl(200, 28%, 75%) | |
| 73% | #a6c0cd | rgb(166, 192, 205) | hsl(200, 28%, 73%) | |
| 70% | #9dbac8 | rgb(157, 186, 200) | hsl(200, 28%, 70%) | |
| 65% | #8daebf | rgb(141, 174, 191) | hsl(200, 28%, 65%) | |
| 60% | #7ca3b6 | rgb(124, 163, 182) | hsl(200, 28%, 60%) | |
| 55% | #6c97ac | rgb(108, 151, 172) | hsl(200, 28%, 55%) | |
| 50% | #5c8ba3 | rgb(92, 139, 163) | hsl(200, 28%, 50%) | |
| 45% | #537d93 | rgb(83, 125, 147) | hsl(200, 28%, 45%) | |
| 40% | #497083 | rgb(73, 112, 131) | hsl(200, 28%, 40%) | |
| 35% | #406272 | rgb(64, 98, 114) | hsl(200, 28%, 35%) | |
| 30% | #375462 | rgb(55, 84, 98) | hsl(200, 28%, 30%) | |
| 25% | #2e4652 | rgb(46, 70, 82) | hsl(200, 28%, 25%) | |
| 20% | #253841 | rgb(37, 56, 65) | hsl(200, 28%, 20%) | |
| 15% | #1c2a31 | rgb(28, 42, 49) | hsl(200, 28%, 15%) | |
| 10% | #121c21 | rgb(18, 28, 33) | hsl(200, 28%, 10%) | |
| 5% | #090e10 | rgb(9, 14, 16) | hsl(200, 28%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(200, 28%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 166 | 192 | 205 |
rgb(166, 192, 205)
#a6c0cd
#a6c0cd
