HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#9e4624
rgb(158, 70, 36)
hsl(17, 63%, 38%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #faefea | |
| 90% | #f6dfd5 | |
| 85% | #f1cec1 | |
| 80% | #ecbeac | |
| 75% | #e7ae97 | |
| 70% | #e39e82 | |
| 65% | #de8d6e | |
| 60% | #d97d59 | |
| 55% | #d56d44 | |
| 50% | #d05d2f | |
| 45% | #bb532a | |
| 40% | #a64a26 | |
| 38% | #9e4624 | |
| 35% | #914121 | |
| 30% | #7d381c | |
| 25% | #682e18 | |
| 20% | #532513 | |
| 15% | #3e1c0e | |
| 10% | #2a1309 | |
| 5% | #150905 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #9e2424 | rgb(158, 36, 36) | hsl(0, 63%, 38%) | |
| 15 | #9e4224 | rgb(158, 66, 36) | hsl(15, 63%, 38%) | |
| 17 | #9e4624 | rgb(158, 70, 36) | hsl(17, 63%, 38%) | |
| 30 | #9e6124 | rgb(158, 97, 36) | hsl(30, 63%, 38%) | |
| 45 | #9e7f24 | rgb(158, 127, 36) | hsl(45, 63%, 38%) | |
| 60 | #9e9e24 | rgb(158, 158, 36) | hsl(60, 63%, 38%) | |
| 75 | #7f9e24 | rgb(127, 158, 36) | hsl(75, 63%, 38%) | |
| 90 | #619e24 | rgb(97, 158, 36) | hsl(90, 63%, 38%) | |
| 105 | #429e24 | rgb(66, 158, 36) | hsl(105, 63%, 38%) | |
| 120 | #249e24 | rgb(36, 158, 36) | hsl(120, 63%, 38%) | |
| 135 | #249e42 | rgb(36, 158, 66) | hsl(135, 63%, 38%) | |
| 150 | #249e61 | rgb(36, 158, 97) | hsl(150, 63%, 38%) | |
| 165 | #249e7f | rgb(36, 158, 127) | hsl(165, 63%, 38%) | |
| 180 | #249e9e | rgb(36, 158, 158) | hsl(180, 63%, 38%) | |
| 195 | #247f9e | rgb(36, 127, 158) | hsl(195, 63%, 38%) | |
| 210 | #24619e | rgb(36, 97, 158) | hsl(210, 63%, 38%) | |
| 225 | #24429e | rgb(36, 66, 158) | hsl(225, 63%, 38%) | |
| 240 | #24249e | rgb(36, 36, 158) | hsl(240, 63%, 38%) | |
| 255 | #42249e | rgb(66, 36, 158) | hsl(255, 63%, 38%) | |
| 270 | #61249e | rgb(97, 36, 158) | hsl(270, 63%, 38%) | |
| 285 | #7f249e | rgb(127, 36, 158) | hsl(285, 63%, 38%) | |
| 300 | #9e249e | rgb(158, 36, 158) | hsl(300, 63%, 38%) | |
| 315 | #9e247f | rgb(158, 36, 127) | hsl(315, 63%, 38%) | |
| 330 | #9e2461 | rgb(158, 36, 97) | hsl(330, 63%, 38%) | |
| 345 | #9e2442 | rgb(158, 36, 66) | hsl(345, 63%, 38%) | |
| 360 | #9e2424 | rgb(158, 36, 36) | hsl(0, 63%, 38%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #c23700 | rgb(194, 55, 0) | hsl(17, 100%, 38%) | |
| 95% | #bd3905 | rgb(189, 57, 5) | hsl(17, 95%, 38%) | |
| 90% | #b83b0a | rgb(184, 59, 10) | hsl(17, 90%, 38%) | |
| 85% | #b33d0f | rgb(179, 61, 15) | hsl(17, 85%, 38%) | |
| 80% | #ae3f13 | rgb(174, 63, 19) | hsl(17, 80%, 38%) | |
| 75% | #aa4118 | rgb(170, 65, 24) | hsl(17, 75%, 38%) | |
| 70% | #a5441d | rgb(165, 68, 29) | hsl(17, 70%, 38%) | |
| 65% | #a04622 | rgb(160, 70, 34) | hsl(17, 65%, 38%) | |
| 63% | #9e4624 | rgb(158, 70, 36) | hsl(17, 63%, 38%) | |
| 60% | #9b4827 | rgb(155, 72, 39) | hsl(17, 60%, 38%) | |
| 55% | #964a2c | rgb(150, 74, 44) | hsl(17, 55%, 38%) | |
| 50% | #914c30 | rgb(145, 76, 48) | hsl(17, 50%, 38%) | |
| 45% | #8d4e35 | rgb(141, 78, 53) | hsl(17, 45%, 38%) | |
| 40% | #88503a | rgb(136, 80, 58) | hsl(17, 40%, 38%) | |
| 35% | #83523f | rgb(131, 82, 63) | hsl(17, 35%, 38%) | |
| 30% | #7e5444 | rgb(126, 84, 68) | hsl(17, 30%, 38%) | |
| 25% | #795649 | rgb(121, 86, 73) | hsl(17, 25%, 38%) | |
| 20% | #74594e | rgb(116, 89, 78) | hsl(17, 20%, 38%) | |
| 15% | #6f5b52 | rgb(111, 91, 82) | hsl(17, 15%, 38%) | |
| 10% | #6b5d57 | rgb(107, 93, 87) | hsl(17, 10%, 38%) | |
| 5% | #665f5c | rgb(102, 95, 92) | hsl(17, 5%, 38%) | |
| 0% | #616161 | rgb(97, 97, 97) | hsl(17, 0%, 38%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(17, 63%, 100%) | |
| 95% | #faefea | rgb(250, 239, 234) | hsl(17, 63%, 95%) | |
| 90% | #f6dfd5 | rgb(246, 223, 213) | hsl(17, 63%, 90%) | |
| 85% | #f1cec1 | rgb(241, 206, 193) | hsl(17, 63%, 85%) | |
| 80% | #ecbeac | rgb(236, 190, 172) | hsl(17, 63%, 80%) | |
| 75% | #e7ae97 | rgb(231, 174, 151) | hsl(17, 63%, 75%) | |
| 70% | #e39e82 | rgb(227, 158, 130) | hsl(17, 63%, 70%) | |
| 65% | #de8d6e | rgb(222, 141, 110) | hsl(17, 63%, 65%) | |
| 60% | #d97d59 | rgb(217, 125, 89) | hsl(17, 63%, 60%) | |
| 55% | #d56d44 | rgb(213, 109, 68) | hsl(17, 63%, 55%) | |
| 50% | #d05d2f | rgb(208, 93, 47) | hsl(17, 63%, 50%) | |
| 45% | #bb532a | rgb(187, 83, 42) | hsl(17, 63%, 45%) | |
| 40% | #a64a26 | rgb(166, 74, 38) | hsl(17, 63%, 40%) | |
| 38% | #9e4624 | rgb(158, 70, 36) | hsl(17, 63%, 38%) | |
| 35% | #914121 | rgb(145, 65, 33) | hsl(17, 63%, 35%) | |
| 30% | #7d381c | rgb(125, 56, 28) | hsl(17, 63%, 30%) | |
| 25% | #682e18 | rgb(104, 46, 24) | hsl(17, 63%, 25%) | |
| 20% | #532513 | rgb(83, 37, 19) | hsl(17, 63%, 20%) | |
| 15% | #3e1c0e | rgb(62, 28, 14) | hsl(17, 63%, 15%) | |
| 10% | #2a1309 | rgb(42, 19, 9) | hsl(17, 63%, 10%) | |
| 5% | #150905 | rgb(21, 9, 5) | hsl(17, 63%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(17, 63%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 158 | 70 | 36 |
rgb(158, 70, 36)
#9e4624
#9e4624
