HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#cdc6bd
rgb(205, 198, 189)
hsl(34, 14%, 77%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f4f2f0 | |
| 90% | #e9e6e2 | |
| 85% | #ded9d3 | |
| 80% | #d3cdc5 | |
| 77% | #cdc6bd | |
| 75% | #c8c0b6 | |
| 70% | #bdb4a8 | |
| 65% | #b2a799 | |
| 60% | #a79b8b | |
| 55% | #9c8e7c | |
| 50% | #91826e | |
| 45% | #837563 | |
| 40% | #746858 | |
| 35% | #665b4d | |
| 30% | #574e42 | |
| 25% | #494137 | |
| 20% | #3a342c | |
| 15% | #2c2721 | |
| 10% | #1d1a16 | |
| 5% | #0f0d0b | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #cdbcbc | rgb(205, 188, 188) | hsl(0, 14%, 77%) | |
| 15 | #cdc0bc | rgb(205, 192, 188) | hsl(15, 14%, 77%) | |
| 30 | #cdc4bc | rgb(205, 196, 188) | hsl(30, 14%, 77%) | |
| 34 | #cdc6bd | rgb(205, 198, 189) | hsl(34, 14%, 77%) | |
| 45 | #cdc8bc | rgb(205, 200, 188) | hsl(45, 14%, 77%) | |
| 60 | #cdcdbc | rgb(205, 205, 188) | hsl(60, 14%, 77%) | |
| 75 | #c8cdbc | rgb(200, 205, 188) | hsl(75, 14%, 77%) | |
| 90 | #c4cdbc | rgb(196, 205, 188) | hsl(90, 14%, 77%) | |
| 105 | #c0cdbc | rgb(192, 205, 188) | hsl(105, 14%, 77%) | |
| 120 | #bccdbc | rgb(188, 205, 188) | hsl(120, 14%, 77%) | |
| 135 | #bccdc0 | rgb(188, 205, 192) | hsl(135, 14%, 77%) | |
| 150 | #bccdc4 | rgb(188, 205, 196) | hsl(150, 14%, 77%) | |
| 165 | #bccdc8 | rgb(188, 205, 200) | hsl(165, 14%, 77%) | |
| 180 | #bccdcd | rgb(188, 205, 205) | hsl(180, 14%, 77%) | |
| 195 | #bcc8cd | rgb(188, 200, 205) | hsl(195, 14%, 77%) | |
| 210 | #bcc4cd | rgb(188, 196, 205) | hsl(210, 14%, 77%) | |
| 225 | #bcc0cd | rgb(188, 192, 205) | hsl(225, 14%, 77%) | |
| 240 | #bcbccd | rgb(188, 188, 205) | hsl(240, 14%, 77%) | |
| 255 | #c0bccd | rgb(192, 188, 205) | hsl(255, 14%, 77%) | |
| 270 | #c4bccd | rgb(196, 188, 205) | hsl(270, 14%, 77%) | |
| 285 | #c8bccd | rgb(200, 188, 205) | hsl(285, 14%, 77%) | |
| 300 | #cdbccd | rgb(205, 188, 205) | hsl(300, 14%, 77%) | |
| 315 | #cdbcc8 | rgb(205, 188, 200) | hsl(315, 14%, 77%) | |
| 330 | #cdbcc4 | rgb(205, 188, 196) | hsl(330, 14%, 77%) | |
| 345 | #cdbcc0 | rgb(205, 188, 192) | hsl(345, 14%, 77%) | |
| 360 | #cdbcbc | rgb(205, 188, 188) | hsl(0, 14%, 77%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #ffcc8a | rgb(255, 204, 138) | hsl(34, 100%, 77%) | |
| 95% | #fccc8d | rgb(252, 204, 141) | hsl(34, 95%, 77%) | |
| 90% | #f9cb90 | rgb(249, 203, 144) | hsl(34, 90%, 77%) | |
| 85% | #f6cb92 | rgb(246, 203, 146) | hsl(34, 85%, 77%) | |
| 80% | #f3cb95 | rgb(243, 203, 149) | hsl(34, 80%, 77%) | |
| 75% | #f0ca98 | rgb(240, 202, 152) | hsl(34, 75%, 77%) | |
| 70% | #edca9b | rgb(237, 202, 155) | hsl(34, 70%, 77%) | |
| 65% | #eac99e | rgb(234, 201, 158) | hsl(34, 65%, 77%) | |
| 60% | #e8c9a1 | rgb(232, 201, 161) | hsl(34, 60%, 77%) | |
| 55% | #e5c9a4 | rgb(229, 201, 164) | hsl(34, 55%, 77%) | |
| 50% | #e2c8a7 | rgb(226, 200, 167) | hsl(34, 50%, 77%) | |
| 45% | #dfc8aa | rgb(223, 200, 170) | hsl(34, 45%, 77%) | |
| 40% | #dcc7ad | rgb(220, 199, 173) | hsl(34, 40%, 77%) | |
| 35% | #d9c7b0 | rgb(217, 199, 176) | hsl(34, 35%, 77%) | |
| 30% | #d6c7b3 | rgb(214, 199, 179) | hsl(34, 30%, 77%) | |
| 25% | #d3c6b6 | rgb(211, 198, 182) | hsl(34, 25%, 77%) | |
| 20% | #d0c6b9 | rgb(208, 198, 185) | hsl(34, 20%, 77%) | |
| 15% | #cdc6bc | rgb(205, 198, 188) | hsl(34, 15%, 77%) | |
| 14% | #cdc6bd | rgb(205, 198, 189) | hsl(34, 14%, 77%) | |
| 10% | #cac5be | rgb(202, 197, 190) | hsl(34, 10%, 77%) | |
| 5% | #c7c5c1 | rgb(199, 197, 193) | hsl(34, 5%, 77%) | |
| 0% | #c4c4c4 | rgb(196, 196, 196) | hsl(34, 0%, 77%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(34, 14%, 100%) | |
| 95% | #f4f2f0 | rgb(244, 242, 240) | hsl(34, 14%, 95%) | |
| 90% | #e9e6e2 | rgb(233, 230, 226) | hsl(34, 14%, 90%) | |
| 85% | #ded9d3 | rgb(222, 217, 211) | hsl(34, 14%, 85%) | |
| 80% | #d3cdc5 | rgb(211, 205, 197) | hsl(34, 14%, 80%) | |
| 77% | #cdc6bd | rgb(205, 198, 189) | hsl(34, 14%, 77%) | |
| 75% | #c8c0b6 | rgb(200, 192, 182) | hsl(34, 14%, 75%) | |
| 70% | #bdb4a8 | rgb(189, 180, 168) | hsl(34, 14%, 70%) | |
| 65% | #b2a799 | rgb(178, 167, 153) | hsl(34, 14%, 65%) | |
| 60% | #a79b8b | rgb(167, 155, 139) | hsl(34, 14%, 60%) | |
| 55% | #9c8e7c | rgb(156, 142, 124) | hsl(34, 14%, 55%) | |
| 50% | #91826e | rgb(145, 130, 110) | hsl(34, 14%, 50%) | |
| 45% | #837563 | rgb(131, 117, 99) | hsl(34, 14%, 45%) | |
| 40% | #746858 | rgb(116, 104, 88) | hsl(34, 14%, 40%) | |
| 35% | #665b4d | rgb(102, 91, 77) | hsl(34, 14%, 35%) | |
| 30% | #574e42 | rgb(87, 78, 66) | hsl(34, 14%, 30%) | |
| 25% | #494137 | rgb(73, 65, 55) | hsl(34, 14%, 25%) | |
| 20% | #3a342c | rgb(58, 52, 44) | hsl(34, 14%, 20%) | |
| 15% | #2c2721 | rgb(44, 39, 33) | hsl(34, 14%, 15%) | |
| 10% | #1d1a16 | rgb(29, 26, 22) | hsl(34, 14%, 10%) | |
| 5% | #0f0d0b | rgb(15, 13, 11) | hsl(34, 14%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(34, 14%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 205 | 198 | 189 |
rgb(205, 198, 189)
#cdc6bd
#cdc6bd
