HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#a47864
rgb(164, 120, 100)
hsl(19, 26%, 52%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f6f1ef | |
| 90% | #ece3df | |
| 85% | #e3d5cf | |
| 80% | #d9c7bf | |
| 75% | #d0b9af | |
| 70% | #c6ab9f | |
| 65% | #bd9d8f | |
| 60% | #b48f7e | |
| 55% | #aa816e | |
| 52% | #a47864 | |
| 50% | #a1735e | |
| 45% | #916855 | |
| 40% | #815c4b | |
| 35% | #705142 | |
| 30% | #604539 | |
| 25% | #503a2f | |
| 20% | #402e26 | |
| 15% | #30231c | |
| 10% | #201713 | |
| 5% | #100c09 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #a46565 | rgb(164, 101, 101) | hsl(0, 26%, 52%) | |
| 15 | #a47565 | rgb(164, 117, 101) | hsl(15, 26%, 52%) | |
| 19 | #a47864 | rgb(164, 120, 100) | hsl(19, 26%, 52%) | |
| 30 | #a48565 | rgb(164, 133, 101) | hsl(30, 26%, 52%) | |
| 45 | #a49565 | rgb(164, 149, 101) | hsl(45, 26%, 52%) | |
| 60 | #a4a465 | rgb(164, 164, 101) | hsl(60, 26%, 52%) | |
| 75 | #95a465 | rgb(149, 164, 101) | hsl(75, 26%, 52%) | |
| 90 | #85a465 | rgb(133, 164, 101) | hsl(90, 26%, 52%) | |
| 105 | #75a465 | rgb(117, 164, 101) | hsl(105, 26%, 52%) | |
| 120 | #65a465 | rgb(101, 164, 101) | hsl(120, 26%, 52%) | |
| 135 | #65a475 | rgb(101, 164, 117) | hsl(135, 26%, 52%) | |
| 150 | #65a485 | rgb(101, 164, 133) | hsl(150, 26%, 52%) | |
| 165 | #65a495 | rgb(101, 164, 149) | hsl(165, 26%, 52%) | |
| 180 | #65a4a4 | rgb(101, 164, 164) | hsl(180, 26%, 52%) | |
| 195 | #6595a4 | rgb(101, 149, 164) | hsl(195, 26%, 52%) | |
| 210 | #6585a4 | rgb(101, 133, 164) | hsl(210, 26%, 52%) | |
| 225 | #6575a4 | rgb(101, 117, 164) | hsl(225, 26%, 52%) | |
| 240 | #6565a4 | rgb(101, 101, 164) | hsl(240, 26%, 52%) | |
| 255 | #7565a4 | rgb(117, 101, 164) | hsl(255, 26%, 52%) | |
| 270 | #8565a4 | rgb(133, 101, 164) | hsl(270, 26%, 52%) | |
| 285 | #9565a4 | rgb(149, 101, 164) | hsl(285, 26%, 52%) | |
| 300 | #a465a4 | rgb(164, 101, 164) | hsl(300, 26%, 52%) | |
| 315 | #a46595 | rgb(164, 101, 149) | hsl(315, 26%, 52%) | |
| 330 | #a46585 | rgb(164, 101, 133) | hsl(330, 26%, 52%) | |
| 345 | #a46575 | rgb(164, 101, 117) | hsl(345, 26%, 52%) | |
| 360 | #a46565 | rgb(164, 101, 101) | hsl(0, 26%, 52%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #ff580a | rgb(255, 88, 10) | hsl(19, 100%, 52%) | |
| 95% | #f95a10 | rgb(249, 90, 16) | hsl(19, 95%, 52%) | |
| 90% | #f35c16 | rgb(243, 92, 22) | hsl(19, 90%, 52%) | |
| 85% | #ed5e1d | rgb(237, 94, 29) | hsl(19, 85%, 52%) | |
| 80% | #e76123 | rgb(231, 97, 35) | hsl(19, 80%, 52%) | |
| 75% | #e06329 | rgb(224, 99, 41) | hsl(19, 75%, 52%) | |
| 70% | #da652f | rgb(218, 101, 47) | hsl(19, 70%, 52%) | |
| 65% | #d46735 | rgb(212, 103, 53) | hsl(19, 65%, 52%) | |
| 60% | #ce6a3b | rgb(206, 106, 59) | hsl(19, 60%, 52%) | |
| 55% | #c86c41 | rgb(200, 108, 65) | hsl(19, 55%, 52%) | |
| 50% | #c26e47 | rgb(194, 110, 71) | hsl(19, 50%, 52%) | |
| 45% | #bc704e | rgb(188, 112, 78) | hsl(19, 45%, 52%) | |
| 40% | #b67354 | rgb(182, 115, 84) | hsl(19, 40%, 52%) | |
| 35% | #af755a | rgb(175, 117, 90) | hsl(19, 35%, 52%) | |
| 30% | #a97760 | rgb(169, 119, 96) | hsl(19, 30%, 52%) | |
| 26% | #a47864 | rgb(164, 120, 100) | hsl(19, 26%, 52%) | |
| 25% | #a37966 | rgb(163, 121, 102) | hsl(19, 25%, 52%) | |
| 20% | #9d7c6c | rgb(157, 124, 108) | hsl(19, 20%, 52%) | |
| 15% | #977e72 | rgb(151, 126, 114) | hsl(19, 15%, 52%) | |
| 10% | #918078 | rgb(145, 128, 120) | hsl(19, 10%, 52%) | |
| 5% | #8b827e | rgb(139, 130, 126) | hsl(19, 5%, 52%) | |
| 0% | #858585 | rgb(133, 133, 133) | hsl(19, 0%, 52%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(19, 26%, 100%) | |
| 95% | #f6f1ef | rgb(246, 241, 239) | hsl(19, 26%, 95%) | |
| 90% | #ece3df | rgb(236, 227, 223) | hsl(19, 26%, 90%) | |
| 85% | #e3d5cf | rgb(227, 213, 207) | hsl(19, 26%, 85%) | |
| 80% | #d9c7bf | rgb(217, 199, 191) | hsl(19, 26%, 80%) | |
| 75% | #d0b9af | rgb(208, 185, 175) | hsl(19, 26%, 75%) | |
| 70% | #c6ab9f | rgb(198, 171, 159) | hsl(19, 26%, 70%) | |
| 65% | #bd9d8f | rgb(189, 157, 143) | hsl(19, 26%, 65%) | |
| 60% | #b48f7e | rgb(180, 143, 126) | hsl(19, 26%, 60%) | |
| 55% | #aa816e | rgb(170, 129, 110) | hsl(19, 26%, 55%) | |
| 52% | #a47864 | rgb(164, 120, 100) | hsl(19, 26%, 52%) | |
| 50% | #a1735e | rgb(161, 115, 94) | hsl(19, 26%, 50%) | |
| 45% | #916855 | rgb(145, 104, 85) | hsl(19, 26%, 45%) | |
| 40% | #815c4b | rgb(129, 92, 75) | hsl(19, 26%, 40%) | |
| 35% | #705142 | rgb(112, 81, 66) | hsl(19, 26%, 35%) | |
| 30% | #604539 | rgb(96, 69, 57) | hsl(19, 26%, 30%) | |
| 25% | #503a2f | rgb(80, 58, 47) | hsl(19, 26%, 25%) | |
| 20% | #402e26 | rgb(64, 46, 38) | hsl(19, 26%, 20%) | |
| 15% | #30231c | rgb(48, 35, 28) | hsl(19, 26%, 15%) | |
| 10% | #201713 | rgb(32, 23, 19) | hsl(19, 26%, 10%) | |
| 5% | #100c09 | rgb(16, 12, 9) | hsl(19, 26%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(19, 26%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 164 | 120 | 100 |
rgb(164, 120, 100)
#a47864
#a47864
