HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#704a49
rgb(112, 74, 73)
hsl(2, 21%, 36%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f5f0f0 | |
| 90% | #ebe1e0 | |
| 85% | #e1d1d1 | |
| 80% | #d7c2c1 | |
| 75% | #cdb3b2 | |
| 70% | #c3a4a2 | |
| 65% | #b89493 | |
| 60% | #ae8584 | |
| 55% | #a47674 | |
| 50% | #9a6765 | |
| 45% | #8b5c5b | |
| 40% | #7b5251 | |
| 36% | #704a49 | |
| 35% | #6c4847 | |
| 30% | #5d3e3c | |
| 25% | #4d3332 | |
| 20% | #3e2928 | |
| 15% | #2e1f1e | |
| 10% | #1f1514 | |
| 5% | #0f0a0a | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #6f4949 | rgb(111, 73, 73) | hsl(0, 21%, 36%) | |
| 2 | #704a49 | rgb(112, 74, 73) | hsl(2, 21%, 36%) | |
| 15 | #6f5249 | rgb(111, 82, 73) | hsl(15, 21%, 36%) | |
| 30 | #6f5c49 | rgb(111, 92, 73) | hsl(30, 21%, 36%) | |
| 45 | #6f6549 | rgb(111, 101, 73) | hsl(45, 21%, 36%) | |
| 60 | #6f6f49 | rgb(111, 111, 73) | hsl(60, 21%, 36%) | |
| 75 | #656f49 | rgb(101, 111, 73) | hsl(75, 21%, 36%) | |
| 90 | #5c6f49 | rgb(92, 111, 73) | hsl(90, 21%, 36%) | |
| 105 | #526f49 | rgb(82, 111, 73) | hsl(105, 21%, 36%) | |
| 120 | #496f49 | rgb(73, 111, 73) | hsl(120, 21%, 36%) | |
| 135 | #496f52 | rgb(73, 111, 82) | hsl(135, 21%, 36%) | |
| 150 | #496f5c | rgb(73, 111, 92) | hsl(150, 21%, 36%) | |
| 165 | #496f65 | rgb(73, 111, 101) | hsl(165, 21%, 36%) | |
| 180 | #496f6f | rgb(73, 111, 111) | hsl(180, 21%, 36%) | |
| 195 | #49656f | rgb(73, 101, 111) | hsl(195, 21%, 36%) | |
| 210 | #495c6f | rgb(73, 92, 111) | hsl(210, 21%, 36%) | |
| 225 | #49526f | rgb(73, 82, 111) | hsl(225, 21%, 36%) | |
| 240 | #49496f | rgb(73, 73, 111) | hsl(240, 21%, 36%) | |
| 255 | #52496f | rgb(82, 73, 111) | hsl(255, 21%, 36%) | |
| 270 | #5c496f | rgb(92, 73, 111) | hsl(270, 21%, 36%) | |
| 285 | #65496f | rgb(101, 73, 111) | hsl(285, 21%, 36%) | |
| 300 | #6f496f | rgb(111, 73, 111) | hsl(300, 21%, 36%) | |
| 315 | #6f4965 | rgb(111, 73, 101) | hsl(315, 21%, 36%) | |
| 330 | #6f495c | rgb(111, 73, 92) | hsl(330, 21%, 36%) | |
| 345 | #6f4952 | rgb(111, 73, 82) | hsl(345, 21%, 36%) | |
| 360 | #6f4949 | rgb(111, 73, 73) | hsl(0, 21%, 36%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #b80600 | rgb(184, 6, 0) | hsl(2, 100%, 36%) | |
| 95% | #b30a05 | rgb(179, 10, 5) | hsl(2, 95%, 36%) | |
| 90% | #ae0f09 | rgb(174, 15, 9) | hsl(2, 90%, 36%) | |
| 85% | #aa130e | rgb(170, 19, 14) | hsl(2, 85%, 36%) | |
| 80% | #a51712 | rgb(165, 23, 18) | hsl(2, 80%, 36%) | |
| 75% | #a11c17 | rgb(161, 28, 23) | hsl(2, 75%, 36%) | |
| 70% | #9c201c | rgb(156, 32, 28) | hsl(2, 70%, 36%) | |
| 65% | #972420 | rgb(151, 36, 32) | hsl(2, 65%, 36%) | |
| 60% | #932825 | rgb(147, 40, 37) | hsl(2, 60%, 36%) | |
| 55% | #8e2d29 | rgb(142, 45, 41) | hsl(2, 55%, 36%) | |
| 50% | #8a312e | rgb(138, 49, 46) | hsl(2, 50%, 36%) | |
| 45% | #853532 | rgb(133, 53, 50) | hsl(2, 45%, 36%) | |
| 40% | #813a37 | rgb(129, 58, 55) | hsl(2, 40%, 36%) | |
| 35% | #7c3e3c | rgb(124, 62, 60) | hsl(2, 35%, 36%) | |
| 30% | #774240 | rgb(119, 66, 64) | hsl(2, 30%, 36%) | |
| 25% | #734645 | rgb(115, 70, 69) | hsl(2, 25%, 36%) | |
| 21% | #704a49 | rgb(112, 74, 73) | hsl(2, 21%, 36%) | |
| 20% | #6e4b49 | rgb(110, 75, 73) | hsl(2, 20%, 36%) | |
| 15% | #6a4f4e | rgb(106, 79, 78) | hsl(2, 15%, 36%) | |
| 10% | #655353 | rgb(101, 83, 83) | hsl(2, 10%, 36%) | |
| 5% | #605857 | rgb(96, 88, 87) | hsl(2, 5%, 36%) | |
| 0% | #5c5c5c | rgb(92, 92, 92) | hsl(2, 0%, 36%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(2, 21%, 100%) | |
| 95% | #f5f0f0 | rgb(245, 240, 240) | hsl(2, 21%, 95%) | |
| 90% | #ebe1e0 | rgb(235, 225, 224) | hsl(2, 21%, 90%) | |
| 85% | #e1d1d1 | rgb(225, 209, 209) | hsl(2, 21%, 85%) | |
| 80% | #d7c2c1 | rgb(215, 194, 193) | hsl(2, 21%, 80%) | |
| 75% | #cdb3b2 | rgb(205, 179, 178) | hsl(2, 21%, 75%) | |
| 70% | #c3a4a2 | rgb(195, 164, 162) | hsl(2, 21%, 70%) | |
| 65% | #b89493 | rgb(184, 148, 147) | hsl(2, 21%, 65%) | |
| 60% | #ae8584 | rgb(174, 133, 132) | hsl(2, 21%, 60%) | |
| 55% | #a47674 | rgb(164, 118, 116) | hsl(2, 21%, 55%) | |
| 50% | #9a6765 | rgb(154, 103, 101) | hsl(2, 21%, 50%) | |
| 45% | #8b5c5b | rgb(139, 92, 91) | hsl(2, 21%, 45%) | |
| 40% | #7b5251 | rgb(123, 82, 81) | hsl(2, 21%, 40%) | |
| 36% | #704a49 | rgb(112, 74, 73) | hsl(2, 21%, 36%) | |
| 35% | #6c4847 | rgb(108, 72, 71) | hsl(2, 21%, 35%) | |
| 30% | #5d3e3c | rgb(93, 62, 60) | hsl(2, 21%, 30%) | |
| 25% | #4d3332 | rgb(77, 51, 50) | hsl(2, 21%, 25%) | |
| 20% | #3e2928 | rgb(62, 41, 40) | hsl(2, 21%, 20%) | |
| 15% | #2e1f1e | rgb(46, 31, 30) | hsl(2, 21%, 15%) | |
| 10% | #1f1514 | rgb(31, 21, 20) | hsl(2, 21%, 10%) | |
| 5% | #0f0a0a | rgb(15, 10, 10) | hsl(2, 21%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(2, 21%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 112 | 74 | 73 |
rgb(112, 74, 73)
#704a49
#704a49
