HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#a73730
rgb(167, 55, 48)
hsl(4, 55%, 42%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f9eceb | |
| 90% | #f4d9d7 | |
| 85% | #eec7c4 | |
| 80% | #e8b4b0 | |
| 75% | #e2a19c | |
| 70% | #dd8e88 | |
| 65% | #d77b75 | |
| 60% | #d16861 | |
| 55% | #cb564d | |
| 50% | #c64339 | |
| 45% | #b23c34 | |
| 42% | #a73730 | |
| 40% | #9e352e | |
| 35% | #8a2f28 | |
| 30% | #772822 | |
| 25% | #63211d | |
| 20% | #4f1b17 | |
| 15% | #3b1411 | |
| 10% | #280d0b | |
| 5% | #140706 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #a63030 | rgb(166, 48, 48) | hsl(0, 55%, 42%) | |
| 4 | #a73730 | rgb(167, 55, 48) | hsl(4, 55%, 42%) | |
| 15 | #a64e30 | rgb(166, 78, 48) | hsl(15, 55%, 42%) | |
| 30 | #a66b30 | rgb(166, 107, 48) | hsl(30, 55%, 42%) | |
| 45 | #a68930 | rgb(166, 137, 48) | hsl(45, 55%, 42%) | |
| 60 | #a6a630 | rgb(166, 166, 48) | hsl(60, 55%, 42%) | |
| 75 | #89a630 | rgb(137, 166, 48) | hsl(75, 55%, 42%) | |
| 90 | #6ba630 | rgb(107, 166, 48) | hsl(90, 55%, 42%) | |
| 105 | #4ea630 | rgb(78, 166, 48) | hsl(105, 55%, 42%) | |
| 120 | #30a630 | rgb(48, 166, 48) | hsl(120, 55%, 42%) | |
| 135 | #30a64e | rgb(48, 166, 78) | hsl(135, 55%, 42%) | |
| 150 | #30a66b | rgb(48, 166, 107) | hsl(150, 55%, 42%) | |
| 165 | #30a689 | rgb(48, 166, 137) | hsl(165, 55%, 42%) | |
| 180 | #30a6a6 | rgb(48, 166, 166) | hsl(180, 55%, 42%) | |
| 195 | #3089a6 | rgb(48, 137, 166) | hsl(195, 55%, 42%) | |
| 210 | #306ba6 | rgb(48, 107, 166) | hsl(210, 55%, 42%) | |
| 225 | #304ea6 | rgb(48, 78, 166) | hsl(225, 55%, 42%) | |
| 240 | #3030a6 | rgb(48, 48, 166) | hsl(240, 55%, 42%) | |
| 255 | #4e30a6 | rgb(78, 48, 166) | hsl(255, 55%, 42%) | |
| 270 | #6b30a6 | rgb(107, 48, 166) | hsl(270, 55%, 42%) | |
| 285 | #8930a6 | rgb(137, 48, 166) | hsl(285, 55%, 42%) | |
| 300 | #a630a6 | rgb(166, 48, 166) | hsl(300, 55%, 42%) | |
| 315 | #a63089 | rgb(166, 48, 137) | hsl(315, 55%, 42%) | |
| 330 | #a6306b | rgb(166, 48, 107) | hsl(330, 55%, 42%) | |
| 345 | #a6304e | rgb(166, 48, 78) | hsl(345, 55%, 42%) | |
| 360 | #a63030 | rgb(166, 48, 48) | hsl(0, 55%, 42%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #d60e00 | rgb(214, 14, 0) | hsl(4, 100%, 42%) | |
| 95% | #d11305 | rgb(209, 19, 5) | hsl(4, 95%, 42%) | |
| 90% | #cb180b | rgb(203, 24, 11) | hsl(4, 90%, 42%) | |
| 85% | #c61c10 | rgb(198, 28, 16) | hsl(4, 85%, 42%) | |
| 80% | #c12115 | rgb(193, 33, 21) | hsl(4, 80%, 42%) | |
| 75% | #bb251b | rgb(187, 37, 27) | hsl(4, 75%, 42%) | |
| 70% | #b62a20 | rgb(182, 42, 32) | hsl(4, 70%, 42%) | |
| 65% | #b12f25 | rgb(177, 47, 37) | hsl(4, 65%, 42%) | |
| 60% | #ab332b | rgb(171, 51, 43) | hsl(4, 60%, 42%) | |
| 55% | #a73730 | rgb(167, 55, 48) | hsl(4, 55%, 42%) | |
| 50% | #a13d36 | rgb(161, 61, 54) | hsl(4, 50%, 42%) | |
| 45% | #9b413b | rgb(155, 65, 59) | hsl(4, 45%, 42%) | |
| 40% | #964640 | rgb(150, 70, 64) | hsl(4, 40%, 42%) | |
| 35% | #914b46 | rgb(145, 75, 70) | hsl(4, 35%, 42%) | |
| 30% | #8b4f4b | rgb(139, 79, 75) | hsl(4, 30%, 42%) | |
| 25% | #865450 | rgb(134, 84, 80) | hsl(4, 25%, 42%) | |
| 20% | #815956 | rgb(129, 89, 86) | hsl(4, 20%, 42%) | |
| 15% | #7b5d5b | rgb(123, 93, 91) | hsl(4, 15%, 42%) | |
| 10% | #766260 | rgb(118, 98, 96) | hsl(4, 10%, 42%) | |
| 5% | #706666 | rgb(112, 102, 102) | hsl(4, 5%, 42%) | |
| 0% | #6b6b6b | rgb(107, 107, 107) | hsl(4, 0%, 42%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(4, 55%, 100%) | |
| 95% | #f9eceb | rgb(249, 236, 235) | hsl(4, 55%, 95%) | |
| 90% | #f4d9d7 | rgb(244, 217, 215) | hsl(4, 55%, 90%) | |
| 85% | #eec7c4 | rgb(238, 199, 196) | hsl(4, 55%, 85%) | |
| 80% | #e8b4b0 | rgb(232, 180, 176) | hsl(4, 55%, 80%) | |
| 75% | #e2a19c | rgb(226, 161, 156) | hsl(4, 55%, 75%) | |
| 70% | #dd8e88 | rgb(221, 142, 136) | hsl(4, 55%, 70%) | |
| 65% | #d77b75 | rgb(215, 123, 117) | hsl(4, 55%, 65%) | |
| 60% | #d16861 | rgb(209, 104, 97) | hsl(4, 55%, 60%) | |
| 55% | #cb564d | rgb(203, 86, 77) | hsl(4, 55%, 55%) | |
| 50% | #c64339 | rgb(198, 67, 57) | hsl(4, 55%, 50%) | |
| 45% | #b23c34 | rgb(178, 60, 52) | hsl(4, 55%, 45%) | |
| 42% | #a73730 | rgb(167, 55, 48) | hsl(4, 55%, 42%) | |
| 40% | #9e352e | rgb(158, 53, 46) | hsl(4, 55%, 40%) | |
| 35% | #8a2f28 | rgb(138, 47, 40) | hsl(4, 55%, 35%) | |
| 30% | #772822 | rgb(119, 40, 34) | hsl(4, 55%, 30%) | |
| 25% | #63211d | rgb(99, 33, 29) | hsl(4, 55%, 25%) | |
| 20% | #4f1b17 | rgb(79, 27, 23) | hsl(4, 55%, 20%) | |
| 15% | #3b1411 | rgb(59, 20, 17) | hsl(4, 55%, 15%) | |
| 10% | #280d0b | rgb(40, 13, 11) | hsl(4, 55%, 10%) | |
| 5% | #140706 | rgb(20, 7, 6) | hsl(4, 55%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(4, 55%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 167 | 55 | 48 |
rgb(167, 55, 48)
#a73730
#a73730
