HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#c9b27c
rgb(201, 178, 124)
hsl(42, 42%, 64%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f8f4ed | |
| 90% | #f0eadb | |
| 85% | #e9dfc9 | |
| 80% | #e1d5b7 | |
| 75% | #dacaa4 | |
| 70% | #d3bf92 | |
| 65% | #cbb580 | |
| 64% | #c9b27c | |
| 60% | #c4aa6e | |
| 55% | #bca05c | |
| 50% | #b5954a | |
| 45% | #a38643 | |
| 40% | #91773b | |
| 35% | #7f6834 | |
| 30% | #6d592c | |
| 25% | #5b4a25 | |
| 20% | #483c1e | |
| 15% | #362d16 | |
| 10% | #241e0f | |
| 5% | #120f07 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #ca7d7d | rgb(202, 125, 125) | hsl(0, 42%, 64%) | |
| 15 | #ca907d | rgb(202, 144, 125) | hsl(15, 42%, 64%) | |
| 30 | #caa37d | rgb(202, 163, 125) | hsl(30, 42%, 64%) | |
| 42 | #c9b27c | rgb(201, 178, 124) | hsl(42, 42%, 64%) | |
| 45 | #cab67d | rgb(202, 182, 125) | hsl(45, 42%, 64%) | |
| 60 | #caca7d | rgb(202, 202, 125) | hsl(60, 42%, 64%) | |
| 75 | #b6ca7d | rgb(182, 202, 125) | hsl(75, 42%, 64%) | |
| 90 | #a3ca7d | rgb(163, 202, 125) | hsl(90, 42%, 64%) | |
| 105 | #90ca7d | rgb(144, 202, 125) | hsl(105, 42%, 64%) | |
| 120 | #7dca7d | rgb(125, 202, 125) | hsl(120, 42%, 64%) | |
| 135 | #7dca90 | rgb(125, 202, 144) | hsl(135, 42%, 64%) | |
| 150 | #7dcaa3 | rgb(125, 202, 163) | hsl(150, 42%, 64%) | |
| 165 | #7dcab6 | rgb(125, 202, 182) | hsl(165, 42%, 64%) | |
| 180 | #7dcaca | rgb(125, 202, 202) | hsl(180, 42%, 64%) | |
| 195 | #7db6ca | rgb(125, 182, 202) | hsl(195, 42%, 64%) | |
| 210 | #7da3ca | rgb(125, 163, 202) | hsl(210, 42%, 64%) | |
| 225 | #7d90ca | rgb(125, 144, 202) | hsl(225, 42%, 64%) | |
| 240 | #7d7dca | rgb(125, 125, 202) | hsl(240, 42%, 64%) | |
| 255 | #907dca | rgb(144, 125, 202) | hsl(255, 42%, 64%) | |
| 270 | #a37dca | rgb(163, 125, 202) | hsl(270, 42%, 64%) | |
| 285 | #b67dca | rgb(182, 125, 202) | hsl(285, 42%, 64%) | |
| 300 | #ca7dca | rgb(202, 125, 202) | hsl(300, 42%, 64%) | |
| 315 | #ca7db6 | rgb(202, 125, 182) | hsl(315, 42%, 64%) | |
| 330 | #ca7da3 | rgb(202, 125, 163) | hsl(330, 42%, 64%) | |
| 345 | #ca7d90 | rgb(202, 125, 144) | hsl(345, 42%, 64%) | |
| 360 | #ca7d7d | rgb(202, 125, 125) | hsl(0, 42%, 64%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #ffc847 | rgb(255, 200, 71) | hsl(42, 100%, 64%) | |
| 95% | #fac64c | rgb(250, 198, 76) | hsl(42, 95%, 64%) | |
| 90% | #f6c451 | rgb(246, 196, 81) | hsl(42, 90%, 64%) | |
| 85% | #f1c255 | rgb(241, 194, 85) | hsl(42, 85%, 64%) | |
| 80% | #edc15a | rgb(237, 193, 90) | hsl(42, 80%, 64%) | |
| 75% | #e8bf5e | rgb(232, 191, 94) | hsl(42, 75%, 64%) | |
| 70% | #e3bd63 | rgb(227, 189, 99) | hsl(42, 70%, 64%) | |
| 65% | #dfbb68 | rgb(223, 187, 104) | hsl(42, 65%, 64%) | |
| 60% | #dab96c | rgb(218, 185, 108) | hsl(42, 60%, 64%) | |
| 55% | #d6b771 | rgb(214, 183, 113) | hsl(42, 55%, 64%) | |
| 50% | #d1b675 | rgb(209, 182, 117) | hsl(42, 50%, 64%) | |
| 45% | #cdb47a | rgb(205, 180, 122) | hsl(42, 45%, 64%) | |
| 42% | #c9b27c | rgb(201, 178, 124) | hsl(42, 42%, 64%) | |
| 40% | #c8b27e | rgb(200, 178, 126) | hsl(42, 40%, 64%) | |
| 35% | #c3b083 | rgb(195, 176, 131) | hsl(42, 35%, 64%) | |
| 30% | #bfae88 | rgb(191, 174, 136) | hsl(42, 30%, 64%) | |
| 25% | #baac8c | rgb(186, 172, 140) | hsl(42, 25%, 64%) | |
| 20% | #b6ab91 | rgb(182, 171, 145) | hsl(42, 20%, 64%) | |
| 15% | #b1a995 | rgb(177, 169, 149) | hsl(42, 15%, 64%) | |
| 10% | #aca79a | rgb(172, 167, 154) | hsl(42, 10%, 64%) | |
| 5% | #a8a59f | rgb(168, 165, 159) | hsl(42, 5%, 64%) | |
| 0% | #a3a3a3 | rgb(163, 163, 163) | hsl(42, 0%, 64%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(42, 42%, 100%) | |
| 95% | #f8f4ed | rgb(248, 244, 237) | hsl(42, 42%, 95%) | |
| 90% | #f0eadb | rgb(240, 234, 219) | hsl(42, 42%, 90%) | |
| 85% | #e9dfc9 | rgb(233, 223, 201) | hsl(42, 42%, 85%) | |
| 80% | #e1d5b7 | rgb(225, 213, 183) | hsl(42, 42%, 80%) | |
| 75% | #dacaa4 | rgb(218, 202, 164) | hsl(42, 42%, 75%) | |
| 70% | #d3bf92 | rgb(211, 191, 146) | hsl(42, 42%, 70%) | |
| 65% | #cbb580 | rgb(203, 181, 128) | hsl(42, 42%, 65%) | |
| 64% | #c9b27c | rgb(201, 178, 124) | hsl(42, 42%, 64%) | |
| 60% | #c4aa6e | rgb(196, 170, 110) | hsl(42, 42%, 60%) | |
| 55% | #bca05c | rgb(188, 160, 92) | hsl(42, 42%, 55%) | |
| 50% | #b5954a | rgb(181, 149, 74) | hsl(42, 42%, 50%) | |
| 45% | #a38643 | rgb(163, 134, 67) | hsl(42, 42%, 45%) | |
| 40% | #91773b | rgb(145, 119, 59) | hsl(42, 42%, 40%) | |
| 35% | #7f6834 | rgb(127, 104, 52) | hsl(42, 42%, 35%) | |
| 30% | #6d592c | rgb(109, 89, 44) | hsl(42, 42%, 30%) | |
| 25% | #5b4a25 | rgb(91, 74, 37) | hsl(42, 42%, 25%) | |
| 20% | #483c1e | rgb(72, 60, 30) | hsl(42, 42%, 20%) | |
| 15% | #362d16 | rgb(54, 45, 22) | hsl(42, 42%, 15%) | |
| 10% | #241e0f | rgb(36, 30, 15) | hsl(42, 42%, 10%) | |
| 5% | #120f07 | rgb(18, 15, 7) | hsl(42, 42%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(42, 42%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 201 | 178 | 124 |
rgb(201, 178, 124)
#c9b27c
#c9b27c
