HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#82643e
rgb(130, 100, 62)
hsl(34, 35%, 38%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f7f3ee | |
| 90% | #eee7dd | |
| 85% | #e6dbcb | |
| 80% | #deceba | |
| 75% | #d6c2a9 | |
| 70% | #cdb698 | |
| 65% | #c5aa87 | |
| 60% | #bd9e75 | |
| 55% | #b49264 | |
| 50% | #ac8553 | |
| 45% | #9b784b | |
| 40% | #8a6b42 | |
| 38% | #82643e | |
| 35% | #785d3a | |
| 30% | #675032 | |
| 25% | #564329 | |
| 20% | #453521 | |
| 15% | #342819 | |
| 10% | #221b11 | |
| 5% | #110d08 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #833f3f | rgb(131, 63, 63) | hsl(0, 35%, 38%) | |
| 15 | #83503f | rgb(131, 80, 63) | hsl(15, 35%, 38%) | |
| 30 | #83613f | rgb(131, 97, 63) | hsl(30, 35%, 38%) | |
| 34 | #82643e | rgb(130, 100, 62) | hsl(34, 35%, 38%) | |
| 45 | #83723f | rgb(131, 114, 63) | hsl(45, 35%, 38%) | |
| 60 | #83833f | rgb(131, 131, 63) | hsl(60, 35%, 38%) | |
| 75 | #72833f | rgb(114, 131, 63) | hsl(75, 35%, 38%) | |
| 90 | #61833f | rgb(97, 131, 63) | hsl(90, 35%, 38%) | |
| 105 | #50833f | rgb(80, 131, 63) | hsl(105, 35%, 38%) | |
| 120 | #3f833f | rgb(63, 131, 63) | hsl(120, 35%, 38%) | |
| 135 | #3f8350 | rgb(63, 131, 80) | hsl(135, 35%, 38%) | |
| 150 | #3f8361 | rgb(63, 131, 97) | hsl(150, 35%, 38%) | |
| 165 | #3f8372 | rgb(63, 131, 114) | hsl(165, 35%, 38%) | |
| 180 | #3f8383 | rgb(63, 131, 131) | hsl(180, 35%, 38%) | |
| 195 | #3f7283 | rgb(63, 114, 131) | hsl(195, 35%, 38%) | |
| 210 | #3f6183 | rgb(63, 97, 131) | hsl(210, 35%, 38%) | |
| 225 | #3f5083 | rgb(63, 80, 131) | hsl(225, 35%, 38%) | |
| 240 | #3f3f83 | rgb(63, 63, 131) | hsl(240, 35%, 38%) | |
| 255 | #503f83 | rgb(80, 63, 131) | hsl(255, 35%, 38%) | |
| 270 | #613f83 | rgb(97, 63, 131) | hsl(270, 35%, 38%) | |
| 285 | #723f83 | rgb(114, 63, 131) | hsl(285, 35%, 38%) | |
| 300 | #833f83 | rgb(131, 63, 131) | hsl(300, 35%, 38%) | |
| 315 | #833f72 | rgb(131, 63, 114) | hsl(315, 35%, 38%) | |
| 330 | #833f61 | rgb(131, 63, 97) | hsl(330, 35%, 38%) | |
| 345 | #833f50 | rgb(131, 63, 80) | hsl(345, 35%, 38%) | |
| 360 | #833f3f | rgb(131, 63, 63) | hsl(0, 35%, 38%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #c26e00 | rgb(194, 110, 0) | hsl(34, 100%, 38%) | |
| 95% | #bd6d05 | rgb(189, 109, 5) | hsl(34, 95%, 38%) | |
| 90% | #b86d0a | rgb(184, 109, 10) | hsl(34, 90%, 38%) | |
| 85% | #b36c0f | rgb(179, 108, 15) | hsl(34, 85%, 38%) | |
| 80% | #ae6b13 | rgb(174, 107, 19) | hsl(34, 80%, 38%) | |
| 75% | #aa6b18 | rgb(170, 107, 24) | hsl(34, 75%, 38%) | |
| 70% | #a56a1d | rgb(165, 106, 29) | hsl(34, 70%, 38%) | |
| 65% | #a06922 | rgb(160, 105, 34) | hsl(34, 65%, 38%) | |
| 60% | #9b6927 | rgb(155, 105, 39) | hsl(34, 60%, 38%) | |
| 55% | #96682c | rgb(150, 104, 44) | hsl(34, 55%, 38%) | |
| 50% | #916730 | rgb(145, 103, 48) | hsl(34, 50%, 38%) | |
| 45% | #8d6735 | rgb(141, 103, 53) | hsl(34, 45%, 38%) | |
| 40% | #88663a | rgb(136, 102, 58) | hsl(34, 40%, 38%) | |
| 35% | #82643e | rgb(130, 100, 62) | hsl(34, 35%, 38%) | |
| 30% | #7e6544 | rgb(126, 101, 68) | hsl(34, 30%, 38%) | |
| 25% | #796449 | rgb(121, 100, 73) | hsl(34, 25%, 38%) | |
| 20% | #74634e | rgb(116, 99, 78) | hsl(34, 20%, 38%) | |
| 15% | #6f6352 | rgb(111, 99, 82) | hsl(34, 15%, 38%) | |
| 10% | #6b6257 | rgb(107, 98, 87) | hsl(34, 10%, 38%) | |
| 5% | #66625c | rgb(102, 98, 92) | hsl(34, 5%, 38%) | |
| 0% | #616161 | rgb(97, 97, 97) | hsl(34, 0%, 38%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(34, 35%, 100%) | |
| 95% | #f7f3ee | rgb(247, 243, 238) | hsl(34, 35%, 95%) | |
| 90% | #eee7dd | rgb(238, 231, 221) | hsl(34, 35%, 90%) | |
| 85% | #e6dbcb | rgb(230, 219, 203) | hsl(34, 35%, 85%) | |
| 80% | #deceba | rgb(222, 206, 186) | hsl(34, 35%, 80%) | |
| 75% | #d6c2a9 | rgb(214, 194, 169) | hsl(34, 35%, 75%) | |
| 70% | #cdb698 | rgb(205, 182, 152) | hsl(34, 35%, 70%) | |
| 65% | #c5aa87 | rgb(197, 170, 135) | hsl(34, 35%, 65%) | |
| 60% | #bd9e75 | rgb(189, 158, 117) | hsl(34, 35%, 60%) | |
| 55% | #b49264 | rgb(180, 146, 100) | hsl(34, 35%, 55%) | |
| 50% | #ac8553 | rgb(172, 133, 83) | hsl(34, 35%, 50%) | |
| 45% | #9b784b | rgb(155, 120, 75) | hsl(34, 35%, 45%) | |
| 40% | #8a6b42 | rgb(138, 107, 66) | hsl(34, 35%, 40%) | |
| 38% | #82643e | rgb(130, 100, 62) | hsl(34, 35%, 38%) | |
| 35% | #785d3a | rgb(120, 93, 58) | hsl(34, 35%, 35%) | |
| 30% | #675032 | rgb(103, 80, 50) | hsl(34, 35%, 30%) | |
| 25% | #564329 | rgb(86, 67, 41) | hsl(34, 35%, 25%) | |
| 20% | #453521 | rgb(69, 53, 33) | hsl(34, 35%, 20%) | |
| 15% | #342819 | rgb(52, 40, 25) | hsl(34, 35%, 15%) | |
| 10% | #221b11 | rgb(34, 27, 17) | hsl(34, 35%, 10%) | |
| 5% | #110d08 | rgb(17, 13, 8) | hsl(34, 35%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(34, 35%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 130 | 100 | 62 |
rgb(130, 100, 62)
#82643e
#82643e
