HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#a66948
rgb(166, 105, 72)
hsl(21, 39%, 47%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f7f1ed | |
| 90% | #efe3dc | |
| 85% | #e8d4ca | |
| 80% | #e0c6b8 | |
| 75% | #d8b8a6 | |
| 70% | #d0aa95 | |
| 65% | #c99b83 | |
| 60% | #c18d71 | |
| 55% | #b97f5f | |
| 50% | #b1714e | |
| 47% | #a66948 | |
| 45% | #a06546 | |
| 40% | #8e5a3e | |
| 35% | #7c4f36 | |
| 30% | #6a442f | |
| 25% | #593827 | |
| 20% | #472d1f | |
| 15% | #352217 | |
| 10% | #231710 | |
| 5% | #120b08 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #a74949 | rgb(167, 73, 73) | hsl(0, 39%, 47%) | |
| 15 | #a76049 | rgb(167, 96, 73) | hsl(15, 39%, 47%) | |
| 21 | #a66948 | rgb(166, 105, 72) | hsl(21, 39%, 47%) | |
| 30 | #a77849 | rgb(167, 120, 73) | hsl(30, 39%, 47%) | |
| 45 | #a78f49 | rgb(167, 143, 73) | hsl(45, 39%, 47%) | |
| 60 | #a7a749 | rgb(167, 167, 73) | hsl(60, 39%, 47%) | |
| 75 | #8fa749 | rgb(143, 167, 73) | hsl(75, 39%, 47%) | |
| 90 | #78a749 | rgb(120, 167, 73) | hsl(90, 39%, 47%) | |
| 105 | #60a749 | rgb(96, 167, 73) | hsl(105, 39%, 47%) | |
| 120 | #49a749 | rgb(73, 167, 73) | hsl(120, 39%, 47%) | |
| 135 | #49a760 | rgb(73, 167, 96) | hsl(135, 39%, 47%) | |
| 150 | #49a778 | rgb(73, 167, 120) | hsl(150, 39%, 47%) | |
| 165 | #49a78f | rgb(73, 167, 143) | hsl(165, 39%, 47%) | |
| 180 | #49a7a7 | rgb(73, 167, 167) | hsl(180, 39%, 47%) | |
| 195 | #498fa7 | rgb(73, 143, 167) | hsl(195, 39%, 47%) | |
| 210 | #4978a7 | rgb(73, 120, 167) | hsl(210, 39%, 47%) | |
| 225 | #4960a7 | rgb(73, 96, 167) | hsl(225, 39%, 47%) | |
| 240 | #4949a7 | rgb(73, 73, 167) | hsl(240, 39%, 47%) | |
| 255 | #6049a7 | rgb(96, 73, 167) | hsl(255, 39%, 47%) | |
| 270 | #7849a7 | rgb(120, 73, 167) | hsl(270, 39%, 47%) | |
| 285 | #8f49a7 | rgb(143, 73, 167) | hsl(285, 39%, 47%) | |
| 300 | #a749a7 | rgb(167, 73, 167) | hsl(300, 39%, 47%) | |
| 315 | #a7498f | rgb(167, 73, 143) | hsl(315, 39%, 47%) | |
| 330 | #a74978 | rgb(167, 73, 120) | hsl(330, 39%, 47%) | |
| 345 | #a74960 | rgb(167, 73, 96) | hsl(345, 39%, 47%) | |
| 360 | #a74949 | rgb(167, 73, 73) | hsl(0, 39%, 47%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #f05400 | rgb(240, 84, 0) | hsl(21, 100%, 47%) | |
| 95% | #ea5606 | rgb(234, 86, 6) | hsl(21, 95%, 47%) | |
| 90% | #e4570c | rgb(228, 87, 12) | hsl(21, 90%, 47%) | |
| 85% | #de5912 | rgb(222, 89, 18) | hsl(21, 85%, 47%) | |
| 80% | #d85b18 | rgb(216, 91, 24) | hsl(21, 80%, 47%) | |
| 75% | #d25d1e | rgb(210, 93, 30) | hsl(21, 75%, 47%) | |
| 70% | #cc5f24 | rgb(204, 95, 36) | hsl(21, 70%, 47%) | |
| 65% | #c6602a | rgb(198, 96, 42) | hsl(21, 65%, 47%) | |
| 60% | #c06230 | rgb(192, 98, 48) | hsl(21, 60%, 47%) | |
| 55% | #ba6436 | rgb(186, 100, 54) | hsl(21, 55%, 47%) | |
| 50% | #b4663c | rgb(180, 102, 60) | hsl(21, 50%, 47%) | |
| 45% | #ae6842 | rgb(174, 104, 66) | hsl(21, 45%, 47%) | |
| 40% | #a86948 | rgb(168, 105, 72) | hsl(21, 40%, 47%) | |
| 39% | #a66948 | rgb(166, 105, 72) | hsl(21, 39%, 47%) | |
| 35% | #a26b4e | rgb(162, 107, 78) | hsl(21, 35%, 47%) | |
| 30% | #9c6d54 | rgb(156, 109, 84) | hsl(21, 30%, 47%) | |
| 25% | #966f5a | rgb(150, 111, 90) | hsl(21, 25%, 47%) | |
| 20% | #907160 | rgb(144, 113, 96) | hsl(21, 20%, 47%) | |
| 15% | #8a7266 | rgb(138, 114, 102) | hsl(21, 15%, 47%) | |
| 10% | #84746c | rgb(132, 116, 108) | hsl(21, 10%, 47%) | |
| 5% | #7e7672 | rgb(126, 118, 114) | hsl(21, 5%, 47%) | |
| 0% | #787878 | rgb(120, 120, 120) | hsl(21, 0%, 47%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(21, 39%, 100%) | |
| 95% | #f7f1ed | rgb(247, 241, 237) | hsl(21, 39%, 95%) | |
| 90% | #efe3dc | rgb(239, 227, 220) | hsl(21, 39%, 90%) | |
| 85% | #e8d4ca | rgb(232, 212, 202) | hsl(21, 39%, 85%) | |
| 80% | #e0c6b8 | rgb(224, 198, 184) | hsl(21, 39%, 80%) | |
| 75% | #d8b8a6 | rgb(216, 184, 166) | hsl(21, 39%, 75%) | |
| 70% | #d0aa95 | rgb(208, 170, 149) | hsl(21, 39%, 70%) | |
| 65% | #c99b83 | rgb(201, 155, 131) | hsl(21, 39%, 65%) | |
| 60% | #c18d71 | rgb(193, 141, 113) | hsl(21, 39%, 60%) | |
| 55% | #b97f5f | rgb(185, 127, 95) | hsl(21, 39%, 55%) | |
| 50% | #b1714e | rgb(177, 113, 78) | hsl(21, 39%, 50%) | |
| 47% | #a66948 | rgb(166, 105, 72) | hsl(21, 39%, 47%) | |
| 45% | #a06546 | rgb(160, 101, 70) | hsl(21, 39%, 45%) | |
| 40% | #8e5a3e | rgb(142, 90, 62) | hsl(21, 39%, 40%) | |
| 35% | #7c4f36 | rgb(124, 79, 54) | hsl(21, 39%, 35%) | |
| 30% | #6a442f | rgb(106, 68, 47) | hsl(21, 39%, 30%) | |
| 25% | #593827 | rgb(89, 56, 39) | hsl(21, 39%, 25%) | |
| 20% | #472d1f | rgb(71, 45, 31) | hsl(21, 39%, 20%) | |
| 15% | #352217 | rgb(53, 34, 23) | hsl(21, 39%, 15%) | |
| 10% | #231710 | rgb(35, 23, 16) | hsl(21, 39%, 10%) | |
| 5% | #120b08 | rgb(18, 11, 8) | hsl(21, 39%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(21, 39%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 166 | 105 | 72 |
rgb(166, 105, 72)
#a66948
#a66948
