HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#d7c49e
rgb(215, 196, 158)
hsl(40, 42%, 73%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f8f4ed | |
| 90% | #f0e9db | |
| 85% | #e9dec9 | |
| 80% | #e1d3b7 | |
| 75% | #dac8a4 | |
| 73% | #d7c49e | |
| 70% | #d3bd92 | |
| 65% | #cbb280 | |
| 60% | #c4a76e | |
| 55% | #bc9c5c | |
| 50% | #b5914a | |
| 45% | #a38343 | |
| 40% | #91743b | |
| 35% | #7f6634 | |
| 30% | #6d572c | |
| 25% | #5b4925 | |
| 20% | #483a1e | |
| 15% | #362c16 | |
| 10% | #241d0f | |
| 5% | #120f07 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #d79d9d | rgb(215, 157, 157) | hsl(0, 42%, 73%) | |
| 15 | #d7ac9d | rgb(215, 172, 157) | hsl(15, 42%, 73%) | |
| 30 | #d7ba9d | rgb(215, 186, 157) | hsl(30, 42%, 73%) | |
| 40 | #d7c49e | rgb(215, 196, 158) | hsl(40, 42%, 73%) | |
| 45 | #d7c99d | rgb(215, 201, 157) | hsl(45, 42%, 73%) | |
| 60 | #d7d79d | rgb(215, 215, 157) | hsl(60, 42%, 73%) | |
| 75 | #c9d79d | rgb(201, 215, 157) | hsl(75, 42%, 73%) | |
| 90 | #bad79d | rgb(186, 215, 157) | hsl(90, 42%, 73%) | |
| 105 | #acd79d | rgb(172, 215, 157) | hsl(105, 42%, 73%) | |
| 120 | #9dd79d | rgb(157, 215, 157) | hsl(120, 42%, 73%) | |
| 135 | #9dd7ac | rgb(157, 215, 172) | hsl(135, 42%, 73%) | |
| 150 | #9dd7ba | rgb(157, 215, 186) | hsl(150, 42%, 73%) | |
| 165 | #9dd7c9 | rgb(157, 215, 201) | hsl(165, 42%, 73%) | |
| 180 | #9dd7d7 | rgb(157, 215, 215) | hsl(180, 42%, 73%) | |
| 195 | #9dc9d7 | rgb(157, 201, 215) | hsl(195, 42%, 73%) | |
| 210 | #9dbad7 | rgb(157, 186, 215) | hsl(210, 42%, 73%) | |
| 225 | #9dacd7 | rgb(157, 172, 215) | hsl(225, 42%, 73%) | |
| 240 | #9d9dd7 | rgb(157, 157, 215) | hsl(240, 42%, 73%) | |
| 255 | #ac9dd7 | rgb(172, 157, 215) | hsl(255, 42%, 73%) | |
| 270 | #ba9dd7 | rgb(186, 157, 215) | hsl(270, 42%, 73%) | |
| 285 | #c99dd7 | rgb(201, 157, 215) | hsl(285, 42%, 73%) | |
| 300 | #d79dd7 | rgb(215, 157, 215) | hsl(300, 42%, 73%) | |
| 315 | #d79dc9 | rgb(215, 157, 201) | hsl(315, 42%, 73%) | |
| 330 | #d79dba | rgb(215, 157, 186) | hsl(330, 42%, 73%) | |
| 345 | #d79dac | rgb(215, 157, 172) | hsl(345, 42%, 73%) | |
| 360 | #d79d9d | rgb(215, 157, 157) | hsl(0, 42%, 73%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #ffd175 | rgb(255, 209, 117) | hsl(40, 100%, 73%) | |
| 95% | #fcd079 | rgb(252, 208, 121) | hsl(40, 95%, 73%) | |
| 90% | #f8cf7c | rgb(248, 207, 124) | hsl(40, 90%, 73%) | |
| 85% | #f5ce80 | rgb(245, 206, 128) | hsl(40, 85%, 73%) | |
| 80% | #f1cd83 | rgb(241, 205, 131) | hsl(40, 80%, 73%) | |
| 75% | #eecb87 | rgb(238, 203, 135) | hsl(40, 75%, 73%) | |
| 70% | #eaca8a | rgb(234, 202, 138) | hsl(40, 70%, 73%) | |
| 65% | #e7c98d | rgb(231, 201, 141) | hsl(40, 65%, 73%) | |
| 60% | #e3c891 | rgb(227, 200, 145) | hsl(40, 60%, 73%) | |
| 55% | #e0c794 | rgb(224, 199, 148) | hsl(40, 55%, 73%) | |
| 50% | #ddc698 | rgb(221, 198, 152) | hsl(40, 50%, 73%) | |
| 45% | #d9c49b | rgb(217, 196, 155) | hsl(40, 45%, 73%) | |
| 42% | #d7c49e | rgb(215, 196, 158) | hsl(40, 42%, 73%) | |
| 40% | #d6c39f | rgb(214, 195, 159) | hsl(40, 40%, 73%) | |
| 35% | #d2c2a2 | rgb(210, 194, 162) | hsl(40, 35%, 73%) | |
| 30% | #cfc1a5 | rgb(207, 193, 165) | hsl(40, 30%, 73%) | |
| 25% | #cbc0a9 | rgb(203, 192, 169) | hsl(40, 25%, 73%) | |
| 20% | #c8bfac | rgb(200, 191, 172) | hsl(40, 20%, 73%) | |
| 15% | #c4beb0 | rgb(196, 190, 176) | hsl(40, 15%, 73%) | |
| 10% | #c1bcb3 | rgb(193, 188, 179) | hsl(40, 10%, 73%) | |
| 5% | #bebbb7 | rgb(190, 187, 183) | hsl(40, 5%, 73%) | |
| 0% | #bababa | rgb(186, 186, 186) | hsl(40, 0%, 73%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(40, 42%, 100%) | |
| 95% | #f8f4ed | rgb(248, 244, 237) | hsl(40, 42%, 95%) | |
| 90% | #f0e9db | rgb(240, 233, 219) | hsl(40, 42%, 90%) | |
| 85% | #e9dec9 | rgb(233, 222, 201) | hsl(40, 42%, 85%) | |
| 80% | #e1d3b7 | rgb(225, 211, 183) | hsl(40, 42%, 80%) | |
| 75% | #dac8a4 | rgb(218, 200, 164) | hsl(40, 42%, 75%) | |
| 73% | #d7c49e | rgb(215, 196, 158) | hsl(40, 42%, 73%) | |
| 70% | #d3bd92 | rgb(211, 189, 146) | hsl(40, 42%, 70%) | |
| 65% | #cbb280 | rgb(203, 178, 128) | hsl(40, 42%, 65%) | |
| 60% | #c4a76e | rgb(196, 167, 110) | hsl(40, 42%, 60%) | |
| 55% | #bc9c5c | rgb(188, 156, 92) | hsl(40, 42%, 55%) | |
| 50% | #b5914a | rgb(181, 145, 74) | hsl(40, 42%, 50%) | |
| 45% | #a38343 | rgb(163, 131, 67) | hsl(40, 42%, 45%) | |
| 40% | #91743b | rgb(145, 116, 59) | hsl(40, 42%, 40%) | |
| 35% | #7f6634 | rgb(127, 102, 52) | hsl(40, 42%, 35%) | |
| 30% | #6d572c | rgb(109, 87, 44) | hsl(40, 42%, 30%) | |
| 25% | #5b4925 | rgb(91, 73, 37) | hsl(40, 42%, 25%) | |
| 20% | #483a1e | rgb(72, 58, 30) | hsl(40, 42%, 20%) | |
| 15% | #362c16 | rgb(54, 44, 22) | hsl(40, 42%, 15%) | |
| 10% | #241d0f | rgb(36, 29, 15) | hsl(40, 42%, 10%) | |
| 5% | #120f07 | rgb(18, 15, 7) | hsl(40, 42%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(40, 42%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 215 | 196 | 158 |
rgb(215, 196, 158)
#d7c49e
#d7c49e
