HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#58423f
rgb(88, 66, 63)
hsl(7, 17%, 30%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f4f1f0 | |
| 90% | #eae2e1 | |
| 85% | #dfd4d2 | |
| 80% | #d5c5c3 | |
| 75% | #cab7b4 | |
| 70% | #c0a9a5 | |
| 65% | #b59a97 | |
| 60% | #aa8c88 | |
| 55% | #a07d79 | |
| 50% | #956f6a | |
| 45% | #86645f | |
| 40% | #775955 | |
| 35% | #684e4a | |
| 30% | #58423f | |
| 25% | #4b3735 | |
| 20% | #3c2c2a | |
| 15% | #2d2120 | |
| 10% | #1e1615 | |
| 5% | #0f0b0b | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #5a3f3f | rgb(90, 63, 63) | hsl(0, 17%, 30%) | |
| 7 | #58423f | rgb(88, 66, 63) | hsl(7, 17%, 30%) | |
| 15 | #5a463f | rgb(90, 70, 63) | hsl(15, 17%, 30%) | |
| 30 | #5a4d3f | rgb(90, 77, 63) | hsl(30, 17%, 30%) | |
| 45 | #5a533f | rgb(90, 83, 63) | hsl(45, 17%, 30%) | |
| 60 | #5a5a3f | rgb(90, 90, 63) | hsl(60, 17%, 30%) | |
| 75 | #535a3f | rgb(83, 90, 63) | hsl(75, 17%, 30%) | |
| 90 | #4d5a3f | rgb(77, 90, 63) | hsl(90, 17%, 30%) | |
| 105 | #465a3f | rgb(70, 90, 63) | hsl(105, 17%, 30%) | |
| 120 | #3f5a3f | rgb(63, 90, 63) | hsl(120, 17%, 30%) | |
| 135 | #3f5a46 | rgb(63, 90, 70) | hsl(135, 17%, 30%) | |
| 150 | #3f5a4d | rgb(63, 90, 77) | hsl(150, 17%, 30%) | |
| 165 | #3f5a53 | rgb(63, 90, 83) | hsl(165, 17%, 30%) | |
| 180 | #3f5a5a | rgb(63, 90, 90) | hsl(180, 17%, 30%) | |
| 195 | #3f535a | rgb(63, 83, 90) | hsl(195, 17%, 30%) | |
| 210 | #3f4d5a | rgb(63, 77, 90) | hsl(210, 17%, 30%) | |
| 225 | #3f465a | rgb(63, 70, 90) | hsl(225, 17%, 30%) | |
| 240 | #3f3f5a | rgb(63, 63, 90) | hsl(240, 17%, 30%) | |
| 255 | #463f5a | rgb(70, 63, 90) | hsl(255, 17%, 30%) | |
| 270 | #4d3f5a | rgb(77, 63, 90) | hsl(270, 17%, 30%) | |
| 285 | #533f5a | rgb(83, 63, 90) | hsl(285, 17%, 30%) | |
| 300 | #5a3f5a | rgb(90, 63, 90) | hsl(300, 17%, 30%) | |
| 315 | #5a3f53 | rgb(90, 63, 83) | hsl(315, 17%, 30%) | |
| 330 | #5a3f4d | rgb(90, 63, 77) | hsl(330, 17%, 30%) | |
| 345 | #5a3f46 | rgb(90, 63, 70) | hsl(345, 17%, 30%) | |
| 360 | #5a3f3f | rgb(90, 63, 63) | hsl(0, 17%, 30%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #991200 | rgb(153, 18, 0) | hsl(7, 100%, 30%) | |
| 95% | #951504 | rgb(149, 21, 4) | hsl(7, 95%, 30%) | |
| 90% | #911808 | rgb(145, 24, 8) | hsl(7, 90%, 30%) | |
| 85% | #8e1b0b | rgb(142, 27, 11) | hsl(7, 85%, 30%) | |
| 80% | #8a1e0f | rgb(138, 30, 15) | hsl(7, 80%, 30%) | |
| 75% | #862113 | rgb(134, 33, 19) | hsl(7, 75%, 30%) | |
| 70% | #822317 | rgb(130, 35, 23) | hsl(7, 70%, 30%) | |
| 65% | #7e261b | rgb(126, 38, 27) | hsl(7, 65%, 30%) | |
| 60% | #7a291f | rgb(122, 41, 31) | hsl(7, 60%, 30%) | |
| 55% | #772c22 | rgb(119, 44, 34) | hsl(7, 55%, 30%) | |
| 50% | #732f26 | rgb(115, 47, 38) | hsl(7, 50%, 30%) | |
| 45% | #6f322a | rgb(111, 50, 42) | hsl(7, 45%, 30%) | |
| 40% | #6b352e | rgb(107, 53, 46) | hsl(7, 40%, 30%) | |
| 35% | #673832 | rgb(103, 56, 50) | hsl(7, 35%, 30%) | |
| 30% | #633b36 | rgb(99, 59, 54) | hsl(7, 30%, 30%) | |
| 25% | #603e39 | rgb(96, 62, 57) | hsl(7, 25%, 30%) | |
| 20% | #5c413d | rgb(92, 65, 61) | hsl(7, 20%, 30%) | |
| 17% | #58423f | rgb(88, 66, 63) | hsl(7, 17%, 30%) | |
| 15% | #584441 | rgb(88, 68, 65) | hsl(7, 15%, 30%) | |
| 10% | #544745 | rgb(84, 71, 69) | hsl(7, 10%, 30%) | |
| 5% | #504a49 | rgb(80, 74, 73) | hsl(7, 5%, 30%) | |
| 0% | #4d4d4d | rgb(77, 77, 77) | hsl(7, 0%, 30%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(7, 17%, 100%) | |
| 95% | #f4f1f0 | rgb(244, 241, 240) | hsl(7, 17%, 95%) | |
| 90% | #eae2e1 | rgb(234, 226, 225) | hsl(7, 17%, 90%) | |
| 85% | #dfd4d2 | rgb(223, 212, 210) | hsl(7, 17%, 85%) | |
| 80% | #d5c5c3 | rgb(213, 197, 195) | hsl(7, 17%, 80%) | |
| 75% | #cab7b4 | rgb(202, 183, 180) | hsl(7, 17%, 75%) | |
| 70% | #c0a9a5 | rgb(192, 169, 165) | hsl(7, 17%, 70%) | |
| 65% | #b59a97 | rgb(181, 154, 151) | hsl(7, 17%, 65%) | |
| 60% | #aa8c88 | rgb(170, 140, 136) | hsl(7, 17%, 60%) | |
| 55% | #a07d79 | rgb(160, 125, 121) | hsl(7, 17%, 55%) | |
| 50% | #956f6a | rgb(149, 111, 106) | hsl(7, 17%, 50%) | |
| 45% | #86645f | rgb(134, 100, 95) | hsl(7, 17%, 45%) | |
| 40% | #775955 | rgb(119, 89, 85) | hsl(7, 17%, 40%) | |
| 35% | #684e4a | rgb(104, 78, 74) | hsl(7, 17%, 35%) | |
| 30% | #58423f | rgb(88, 66, 63) | hsl(7, 17%, 30%) | |
| 25% | #4b3735 | rgb(75, 55, 53) | hsl(7, 17%, 25%) | |
| 20% | #3c2c2a | rgb(60, 44, 42) | hsl(7, 17%, 20%) | |
| 15% | #2d2120 | rgb(45, 33, 32) | hsl(7, 17%, 15%) | |
| 10% | #1e1615 | rgb(30, 22, 21) | hsl(7, 17%, 10%) | |
| 5% | #0f0b0b | rgb(15, 11, 11) | hsl(7, 17%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(7, 17%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 88 | 66 | 63 |
rgb(88, 66, 63)
#58423f
#58423f
