HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#a66e4a
rgb(166, 110, 74)
hsl(23, 38%, 47%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f7f1ed | |
| 90% | #efe3dc | |
| 85% | #e7d5ca | |
| 80% | #dfc7b9 | |
| 75% | #d7baa7 | |
| 70% | #d0ac95 | |
| 65% | #c89e84 | |
| 60% | #c09072 | |
| 55% | #b88261 | |
| 50% | #b0744f | |
| 47% | #a66e4a | |
| 45% | #9e6947 | |
| 40% | #8d5d3f | |
| 35% | #7b5137 | |
| 30% | #6a462f | |
| 25% | #583a28 | |
| 20% | #462e20 | |
| 15% | #352318 | |
| 10% | #231710 | |
| 5% | #120c08 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #a54a4a | rgb(165, 74, 74) | hsl(0, 38%, 47%) | |
| 15 | #a5614a | rgb(165, 97, 74) | hsl(15, 38%, 47%) | |
| 23 | #a66e4a | rgb(166, 110, 74) | hsl(23, 38%, 47%) | |
| 30 | #a5784a | rgb(165, 120, 74) | hsl(30, 38%, 47%) | |
| 45 | #a58f4a | rgb(165, 143, 74) | hsl(45, 38%, 47%) | |
| 60 | #a5a54a | rgb(165, 165, 74) | hsl(60, 38%, 47%) | |
| 75 | #8fa54a | rgb(143, 165, 74) | hsl(75, 38%, 47%) | |
| 90 | #78a54a | rgb(120, 165, 74) | hsl(90, 38%, 47%) | |
| 105 | #61a54a | rgb(97, 165, 74) | hsl(105, 38%, 47%) | |
| 120 | #4aa54a | rgb(74, 165, 74) | hsl(120, 38%, 47%) | |
| 135 | #4aa561 | rgb(74, 165, 97) | hsl(135, 38%, 47%) | |
| 150 | #4aa578 | rgb(74, 165, 120) | hsl(150, 38%, 47%) | |
| 165 | #4aa58f | rgb(74, 165, 143) | hsl(165, 38%, 47%) | |
| 180 | #4aa5a5 | rgb(74, 165, 165) | hsl(180, 38%, 47%) | |
| 195 | #4a8fa5 | rgb(74, 143, 165) | hsl(195, 38%, 47%) | |
| 210 | #4a78a5 | rgb(74, 120, 165) | hsl(210, 38%, 47%) | |
| 225 | #4a61a5 | rgb(74, 97, 165) | hsl(225, 38%, 47%) | |
| 240 | #4a4aa5 | rgb(74, 74, 165) | hsl(240, 38%, 47%) | |
| 255 | #614aa5 | rgb(97, 74, 165) | hsl(255, 38%, 47%) | |
| 270 | #784aa5 | rgb(120, 74, 165) | hsl(270, 38%, 47%) | |
| 285 | #8f4aa5 | rgb(143, 74, 165) | hsl(285, 38%, 47%) | |
| 300 | #a54aa5 | rgb(165, 74, 165) | hsl(300, 38%, 47%) | |
| 315 | #a54a8f | rgb(165, 74, 143) | hsl(315, 38%, 47%) | |
| 330 | #a54a78 | rgb(165, 74, 120) | hsl(330, 38%, 47%) | |
| 345 | #a54a61 | rgb(165, 74, 97) | hsl(345, 38%, 47%) | |
| 360 | #a54a4a | rgb(165, 74, 74) | hsl(0, 38%, 47%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #f05c00 | rgb(240, 92, 0) | hsl(23, 100%, 47%) | |
| 95% | #ea5d06 | rgb(234, 93, 6) | hsl(23, 95%, 47%) | |
| 90% | #e45f0c | rgb(228, 95, 12) | hsl(23, 90%, 47%) | |
| 85% | #de6012 | rgb(222, 96, 18) | hsl(23, 85%, 47%) | |
| 80% | #d86118 | rgb(216, 97, 24) | hsl(23, 80%, 47%) | |
| 75% | #d2631e | rgb(210, 99, 30) | hsl(23, 75%, 47%) | |
| 70% | #cc6424 | rgb(204, 100, 36) | hsl(23, 70%, 47%) | |
| 65% | #c6662a | rgb(198, 102, 42) | hsl(23, 65%, 47%) | |
| 60% | #c06730 | rgb(192, 103, 48) | hsl(23, 60%, 47%) | |
| 55% | #ba6836 | rgb(186, 104, 54) | hsl(23, 55%, 47%) | |
| 50% | #b46a3c | rgb(180, 106, 60) | hsl(23, 50%, 47%) | |
| 45% | #ae6b42 | rgb(174, 107, 66) | hsl(23, 45%, 47%) | |
| 40% | #a86d48 | rgb(168, 109, 72) | hsl(23, 40%, 47%) | |
| 38% | #a66e4a | rgb(166, 110, 74) | hsl(23, 38%, 47%) | |
| 35% | #a26e4e | rgb(162, 110, 78) | hsl(23, 35%, 47%) | |
| 30% | #9c6f54 | rgb(156, 111, 84) | hsl(23, 30%, 47%) | |
| 25% | #96715a | rgb(150, 113, 90) | hsl(23, 25%, 47%) | |
| 20% | #907260 | rgb(144, 114, 96) | hsl(23, 20%, 47%) | |
| 15% | #8a7466 | rgb(138, 116, 102) | hsl(23, 15%, 47%) | |
| 10% | #84756c | rgb(132, 117, 108) | hsl(23, 10%, 47%) | |
| 5% | #7e7672 | rgb(126, 118, 114) | hsl(23, 5%, 47%) | |
| 0% | #787878 | rgb(120, 120, 120) | hsl(23, 0%, 47%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(23, 38%, 100%) | |
| 95% | #f7f1ed | rgb(247, 241, 237) | hsl(23, 38%, 95%) | |
| 90% | #efe3dc | rgb(239, 227, 220) | hsl(23, 38%, 90%) | |
| 85% | #e7d5ca | rgb(231, 213, 202) | hsl(23, 38%, 85%) | |
| 80% | #dfc7b9 | rgb(223, 199, 185) | hsl(23, 38%, 80%) | |
| 75% | #d7baa7 | rgb(215, 186, 167) | hsl(23, 38%, 75%) | |
| 70% | #d0ac95 | rgb(208, 172, 149) | hsl(23, 38%, 70%) | |
| 65% | #c89e84 | rgb(200, 158, 132) | hsl(23, 38%, 65%) | |
| 60% | #c09072 | rgb(192, 144, 114) | hsl(23, 38%, 60%) | |
| 55% | #b88261 | rgb(184, 130, 97) | hsl(23, 38%, 55%) | |
| 50% | #b0744f | rgb(176, 116, 79) | hsl(23, 38%, 50%) | |
| 47% | #a66e4a | rgb(166, 110, 74) | hsl(23, 38%, 47%) | |
| 45% | #9e6947 | rgb(158, 105, 71) | hsl(23, 38%, 45%) | |
| 40% | #8d5d3f | rgb(141, 93, 63) | hsl(23, 38%, 40%) | |
| 35% | #7b5137 | rgb(123, 81, 55) | hsl(23, 38%, 35%) | |
| 30% | #6a462f | rgb(106, 70, 47) | hsl(23, 38%, 30%) | |
| 25% | #583a28 | rgb(88, 58, 40) | hsl(23, 38%, 25%) | |
| 20% | #462e20 | rgb(70, 46, 32) | hsl(23, 38%, 20%) | |
| 15% | #352318 | rgb(53, 35, 24) | hsl(23, 38%, 15%) | |
| 10% | #231710 | rgb(35, 23, 16) | hsl(23, 38%, 10%) | |
| 5% | #120c08 | rgb(18, 12, 8) | hsl(23, 38%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(23, 38%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 166 | 110 | 74 |
rgb(166, 110, 74)
#a66e4a
#a66e4a
