HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#4b5335
rgb(75, 83, 53)
hsl(76, 22%, 27%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f4f5ef | |
| 90% | #e8ebe0 | |
| 85% | #dde1d0 | |
| 80% | #d1d7c1 | |
| 75% | #c6cdb1 | |
| 70% | #bac3a2 | |
| 65% | #afb992 | |
| 60% | #a3af83 | |
| 55% | #98a573 | |
| 50% | #8d9c63 | |
| 45% | #7f8c5a | |
| 40% | #707c50 | |
| 35% | #626d46 | |
| 30% | #545d3c | |
| 27% | #4b5335 | |
| 25% | #464e32 | |
| 20% | #383e28 | |
| 15% | #2a2f1e | |
| 10% | #1c1f14 | |
| 5% | #0e100a | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #543636 | rgb(84, 54, 54) | hsl(0, 22%, 27%) | |
| 15 | #543d36 | rgb(84, 61, 54) | hsl(15, 22%, 27%) | |
| 30 | #544536 | rgb(84, 69, 54) | hsl(30, 22%, 27%) | |
| 45 | #544c36 | rgb(84, 76, 54) | hsl(45, 22%, 27%) | |
| 60 | #545436 | rgb(84, 84, 54) | hsl(60, 22%, 27%) | |
| 75 | #4c5436 | rgb(76, 84, 54) | hsl(75, 22%, 27%) | |
| 76 | #4b5335 | rgb(75, 83, 53) | hsl(76, 22%, 27%) | |
| 90 | #455436 | rgb(69, 84, 54) | hsl(90, 22%, 27%) | |
| 105 | #3d5436 | rgb(61, 84, 54) | hsl(105, 22%, 27%) | |
| 120 | #365436 | rgb(54, 84, 54) | hsl(120, 22%, 27%) | |
| 135 | #36543d | rgb(54, 84, 61) | hsl(135, 22%, 27%) | |
| 150 | #365445 | rgb(54, 84, 69) | hsl(150, 22%, 27%) | |
| 165 | #36544c | rgb(54, 84, 76) | hsl(165, 22%, 27%) | |
| 180 | #365454 | rgb(54, 84, 84) | hsl(180, 22%, 27%) | |
| 195 | #364c54 | rgb(54, 76, 84) | hsl(195, 22%, 27%) | |
| 210 | #364554 | rgb(54, 69, 84) | hsl(210, 22%, 27%) | |
| 225 | #363d54 | rgb(54, 61, 84) | hsl(225, 22%, 27%) | |
| 240 | #363654 | rgb(54, 54, 84) | hsl(240, 22%, 27%) | |
| 255 | #3d3654 | rgb(61, 54, 84) | hsl(255, 22%, 27%) | |
| 270 | #453654 | rgb(69, 54, 84) | hsl(270, 22%, 27%) | |
| 285 | #4c3654 | rgb(76, 54, 84) | hsl(285, 22%, 27%) | |
| 300 | #543654 | rgb(84, 54, 84) | hsl(300, 22%, 27%) | |
| 315 | #54364c | rgb(84, 54, 76) | hsl(315, 22%, 27%) | |
| 330 | #543645 | rgb(84, 54, 69) | hsl(330, 22%, 27%) | |
| 345 | #54363d | rgb(84, 54, 61) | hsl(345, 22%, 27%) | |
| 360 | #543636 | rgb(84, 54, 54) | hsl(0, 22%, 27%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #658a00 | rgb(101, 138, 0) | hsl(76, 100%, 27%) | |
| 95% | #638603 | rgb(99, 134, 3) | hsl(76, 95%, 27%) | |
| 90% | #628307 | rgb(98, 131, 7) | hsl(76, 90%, 27%) | |
| 85% | #607f0a | rgb(96, 127, 10) | hsl(76, 85%, 27%) | |
| 80% | #5f7c0e | rgb(95, 124, 14) | hsl(76, 80%, 27%) | |
| 75% | #5d7811 | rgb(93, 120, 17) | hsl(76, 75%, 27%) | |
| 70% | #5b7515 | rgb(91, 117, 21) | hsl(76, 70%, 27%) | |
| 65% | #5a7218 | rgb(90, 114, 24) | hsl(76, 65%, 27%) | |
| 60% | #586e1c | rgb(88, 110, 28) | hsl(76, 60%, 27%) | |
| 55% | #576b1f | rgb(87, 107, 31) | hsl(76, 55%, 27%) | |
| 50% | #556722 | rgb(85, 103, 34) | hsl(76, 50%, 27%) | |
| 45% | #536426 | rgb(83, 100, 38) | hsl(76, 45%, 27%) | |
| 40% | #526029 | rgb(82, 96, 41) | hsl(76, 40%, 27%) | |
| 35% | #505d2d | rgb(80, 93, 45) | hsl(76, 35%, 27%) | |
| 30% | #4e5a30 | rgb(78, 90, 48) | hsl(76, 30%, 27%) | |
| 25% | #4d5634 | rgb(77, 86, 52) | hsl(76, 25%, 27%) | |
| 22% | #4b5335 | rgb(75, 83, 53) | hsl(76, 22%, 27%) | |
| 20% | #4b5337 | rgb(75, 83, 55) | hsl(76, 20%, 27%) | |
| 15% | #4a4f3b | rgb(74, 79, 59) | hsl(76, 15%, 27%) | |
| 10% | #484c3e | rgb(72, 76, 62) | hsl(76, 10%, 27%) | |
| 5% | #464841 | rgb(70, 72, 65) | hsl(76, 5%, 27%) | |
| 0% | #454545 | rgb(69, 69, 69) | hsl(76, 0%, 27%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(76, 22%, 100%) | |
| 95% | #f4f5ef | rgb(244, 245, 239) | hsl(76, 22%, 95%) | |
| 90% | #e8ebe0 | rgb(232, 235, 224) | hsl(76, 22%, 90%) | |
| 85% | #dde1d0 | rgb(221, 225, 208) | hsl(76, 22%, 85%) | |
| 80% | #d1d7c1 | rgb(209, 215, 193) | hsl(76, 22%, 80%) | |
| 75% | #c6cdb1 | rgb(198, 205, 177) | hsl(76, 22%, 75%) | |
| 70% | #bac3a2 | rgb(186, 195, 162) | hsl(76, 22%, 70%) | |
| 65% | #afb992 | rgb(175, 185, 146) | hsl(76, 22%, 65%) | |
| 60% | #a3af83 | rgb(163, 175, 131) | hsl(76, 22%, 60%) | |
| 55% | #98a573 | rgb(152, 165, 115) | hsl(76, 22%, 55%) | |
| 50% | #8d9c63 | rgb(141, 156, 99) | hsl(76, 22%, 50%) | |
| 45% | #7f8c5a | rgb(127, 140, 90) | hsl(76, 22%, 45%) | |
| 40% | #707c50 | rgb(112, 124, 80) | hsl(76, 22%, 40%) | |
| 35% | #626d46 | rgb(98, 109, 70) | hsl(76, 22%, 35%) | |
| 30% | #545d3c | rgb(84, 93, 60) | hsl(76, 22%, 30%) | |
| 27% | #4b5335 | rgb(75, 83, 53) | hsl(76, 22%, 27%) | |
| 25% | #464e32 | rgb(70, 78, 50) | hsl(76, 22%, 25%) | |
| 20% | #383e28 | rgb(56, 62, 40) | hsl(76, 22%, 20%) | |
| 15% | #2a2f1e | rgb(42, 47, 30) | hsl(76, 22%, 15%) | |
| 10% | #1c1f14 | rgb(28, 31, 20) | hsl(76, 22%, 10%) | |
| 5% | #0e100a | rgb(14, 16, 10) | hsl(76, 22%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(76, 22%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 75 | 83 | 53 |
rgb(75, 83, 53)
#4b5335
#4b5335
