HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#c2beb6
rgb(194, 190, 182)
hsl(40, 9%, 74%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f3f3f1 | |
| 90% | #e8e6e3 | |
| 85% | #dcdad5 | |
| 80% | #d1cec7 | |
| 75% | #c5c1ba | |
| 74% | #c2beb6 | |
| 70% | #b9b5ac | |
| 65% | #aea89e | |
| 60% | #a29c90 | |
| 55% | #979082 | |
| 50% | #8b8374 | |
| 45% | #7d7668 | |
| 40% | #6f695d | |
| 35% | #615c51 | |
| 30% | #534f46 | |
| 25% | #45423a | |
| 20% | #38352e | |
| 15% | #2a2723 | |
| 10% | #1c1a17 | |
| 5% | #0e0d0c | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #c3b7b7 | rgb(195, 183, 183) | hsl(0, 9%, 74%) | |
| 15 | #c3bab7 | rgb(195, 186, 183) | hsl(15, 9%, 74%) | |
| 30 | #c3bdb7 | rgb(195, 189, 183) | hsl(30, 9%, 74%) | |
| 40 | #c2beb6 | rgb(194, 190, 182) | hsl(40, 9%, 74%) | |
| 45 | #c3c0b7 | rgb(195, 192, 183) | hsl(45, 9%, 74%) | |
| 60 | #c3c3b7 | rgb(195, 195, 183) | hsl(60, 9%, 74%) | |
| 75 | #c0c3b7 | rgb(192, 195, 183) | hsl(75, 9%, 74%) | |
| 90 | #bdc3b7 | rgb(189, 195, 183) | hsl(90, 9%, 74%) | |
| 105 | #bac3b7 | rgb(186, 195, 183) | hsl(105, 9%, 74%) | |
| 120 | #b7c3b7 | rgb(183, 195, 183) | hsl(120, 9%, 74%) | |
| 135 | #b7c3ba | rgb(183, 195, 186) | hsl(135, 9%, 74%) | |
| 150 | #b7c3bd | rgb(183, 195, 189) | hsl(150, 9%, 74%) | |
| 165 | #b7c3c0 | rgb(183, 195, 192) | hsl(165, 9%, 74%) | |
| 180 | #b7c3c3 | rgb(183, 195, 195) | hsl(180, 9%, 74%) | |
| 195 | #b7c0c3 | rgb(183, 192, 195) | hsl(195, 9%, 74%) | |
| 210 | #b7bdc3 | rgb(183, 189, 195) | hsl(210, 9%, 74%) | |
| 225 | #b7bac3 | rgb(183, 186, 195) | hsl(225, 9%, 74%) | |
| 240 | #b7b7c3 | rgb(183, 183, 195) | hsl(240, 9%, 74%) | |
| 255 | #bab7c3 | rgb(186, 183, 195) | hsl(255, 9%, 74%) | |
| 270 | #bdb7c3 | rgb(189, 183, 195) | hsl(270, 9%, 74%) | |
| 285 | #c0b7c3 | rgb(192, 183, 195) | hsl(285, 9%, 74%) | |
| 300 | #c3b7c3 | rgb(195, 183, 195) | hsl(300, 9%, 74%) | |
| 315 | #c3b7c0 | rgb(195, 183, 192) | hsl(315, 9%, 74%) | |
| 330 | #c3b7bd | rgb(195, 183, 189) | hsl(330, 9%, 74%) | |
| 345 | #c3b7ba | rgb(195, 183, 186) | hsl(345, 9%, 74%) | |
| 360 | #c3b7b7 | rgb(195, 183, 183) | hsl(0, 9%, 74%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #ffd37a | rgb(255, 211, 122) | hsl(40, 100%, 74%) | |
| 95% | #fcd27e | rgb(252, 210, 126) | hsl(40, 95%, 74%) | |
| 90% | #f8d181 | rgb(248, 209, 129) | hsl(40, 90%, 74%) | |
| 85% | #f5cf84 | rgb(245, 207, 132) | hsl(40, 85%, 74%) | |
| 80% | #f2ce88 | rgb(242, 206, 136) | hsl(40, 80%, 74%) | |
| 75% | #eecd8b | rgb(238, 205, 139) | hsl(40, 75%, 74%) | |
| 70% | #ebcc8e | rgb(235, 204, 142) | hsl(40, 70%, 74%) | |
| 65% | #e8cb92 | rgb(232, 203, 146) | hsl(40, 65%, 74%) | |
| 60% | #e4ca95 | rgb(228, 202, 149) | hsl(40, 60%, 74%) | |
| 55% | #e1c998 | rgb(225, 201, 152) | hsl(40, 55%, 74%) | |
| 50% | #dec89c | rgb(222, 200, 156) | hsl(40, 50%, 74%) | |
| 45% | #dbc79f | rgb(219, 199, 159) | hsl(40, 45%, 74%) | |
| 40% | #d7c6a2 | rgb(215, 198, 162) | hsl(40, 40%, 74%) | |
| 35% | #d4c4a5 | rgb(212, 196, 165) | hsl(40, 35%, 74%) | |
| 30% | #d1c3a9 | rgb(209, 195, 169) | hsl(40, 30%, 74%) | |
| 25% | #cdc2ac | rgb(205, 194, 172) | hsl(40, 25%, 74%) | |
| 20% | #cac1af | rgb(202, 193, 175) | hsl(40, 20%, 74%) | |
| 15% | #c7c0b3 | rgb(199, 192, 179) | hsl(40, 15%, 74%) | |
| 10% | #c3bfb6 | rgb(195, 191, 182) | hsl(40, 10%, 74%) | |
| 9% | #c2beb6 | rgb(194, 190, 182) | hsl(40, 9%, 74%) | |
| 5% | #c0beb9 | rgb(192, 190, 185) | hsl(40, 5%, 74%) | |
| 0% | #bdbdbd | rgb(189, 189, 189) | hsl(40, 0%, 74%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(40, 9%, 100%) | |
| 95% | #f3f3f1 | rgb(243, 243, 241) | hsl(40, 9%, 95%) | |
| 90% | #e8e6e3 | rgb(232, 230, 227) | hsl(40, 9%, 90%) | |
| 85% | #dcdad5 | rgb(220, 218, 213) | hsl(40, 9%, 85%) | |
| 80% | #d1cec7 | rgb(209, 206, 199) | hsl(40, 9%, 80%) | |
| 75% | #c5c1ba | rgb(197, 193, 186) | hsl(40, 9%, 75%) | |
| 74% | #c2beb6 | rgb(194, 190, 182) | hsl(40, 9%, 74%) | |
| 70% | #b9b5ac | rgb(185, 181, 172) | hsl(40, 9%, 70%) | |
| 65% | #aea89e | rgb(174, 168, 158) | hsl(40, 9%, 65%) | |
| 60% | #a29c90 | rgb(162, 156, 144) | hsl(40, 9%, 60%) | |
| 55% | #979082 | rgb(151, 144, 130) | hsl(40, 9%, 55%) | |
| 50% | #8b8374 | rgb(139, 131, 116) | hsl(40, 9%, 50%) | |
| 45% | #7d7668 | rgb(125, 118, 104) | hsl(40, 9%, 45%) | |
| 40% | #6f695d | rgb(111, 105, 93) | hsl(40, 9%, 40%) | |
| 35% | #615c51 | rgb(97, 92, 81) | hsl(40, 9%, 35%) | |
| 30% | #534f46 | rgb(83, 79, 70) | hsl(40, 9%, 30%) | |
| 25% | #45423a | rgb(69, 66, 58) | hsl(40, 9%, 25%) | |
| 20% | #38352e | rgb(56, 53, 46) | hsl(40, 9%, 20%) | |
| 15% | #2a2723 | rgb(42, 39, 35) | hsl(40, 9%, 15%) | |
| 10% | #1c1a17 | rgb(28, 26, 23) | hsl(40, 9%, 10%) | |
| 5% | #0e0d0c | rgb(14, 13, 12) | hsl(40, 9%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(40, 9%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 194 | 190 | 182 |
rgb(194, 190, 182)
#c2beb6
#c2beb6
