HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#708c66
rgb(112, 140, 102)
hsl(104, 16%, 47%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f1f4f0 | |
| 90% | #e4eae1 | |
| 85% | #d6dfd3 | |
| 80% | #c8d4c4 | |
| 75% | #bac9b5 | |
| 70% | #adbfa6 | |
| 65% | #9fb497 | |
| 60% | #91a989 | |
| 55% | #849f7a | |
| 50% | #76946b | |
| 47% | #708c66 | |
| 45% | #6a8560 | |
| 40% | #5e7656 | |
| 35% | #53684b | |
| 30% | #475940 | |
| 25% | #3b4a36 | |
| 20% | #2f3b2b | |
| 15% | #232c20 | |
| 10% | #181e15 | |
| 5% | #0c0f0b | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #8b6565 | rgb(139, 101, 101) | hsl(0, 16%, 47%) | |
| 15 | #8b6e65 | rgb(139, 110, 101) | hsl(15, 16%, 47%) | |
| 30 | #8b7865 | rgb(139, 120, 101) | hsl(30, 16%, 47%) | |
| 45 | #8b8165 | rgb(139, 129, 101) | hsl(45, 16%, 47%) | |
| 60 | #8b8b65 | rgb(139, 139, 101) | hsl(60, 16%, 47%) | |
| 75 | #818b65 | rgb(129, 139, 101) | hsl(75, 16%, 47%) | |
| 90 | #788b65 | rgb(120, 139, 101) | hsl(90, 16%, 47%) | |
| 104 | #708c66 | rgb(112, 140, 102) | hsl(104, 16%, 47%) | |
| 105 | #6e8b65 | rgb(110, 139, 101) | hsl(105, 16%, 47%) | |
| 120 | #658b65 | rgb(101, 139, 101) | hsl(120, 16%, 47%) | |
| 135 | #658b6e | rgb(101, 139, 110) | hsl(135, 16%, 47%) | |
| 150 | #658b78 | rgb(101, 139, 120) | hsl(150, 16%, 47%) | |
| 165 | #658b81 | rgb(101, 139, 129) | hsl(165, 16%, 47%) | |
| 180 | #658b8b | rgb(101, 139, 139) | hsl(180, 16%, 47%) | |
| 195 | #65818b | rgb(101, 129, 139) | hsl(195, 16%, 47%) | |
| 210 | #65788b | rgb(101, 120, 139) | hsl(210, 16%, 47%) | |
| 225 | #656e8b | rgb(101, 110, 139) | hsl(225, 16%, 47%) | |
| 240 | #65658b | rgb(101, 101, 139) | hsl(240, 16%, 47%) | |
| 255 | #6e658b | rgb(110, 101, 139) | hsl(255, 16%, 47%) | |
| 270 | #78658b | rgb(120, 101, 139) | hsl(270, 16%, 47%) | |
| 285 | #81658b | rgb(129, 101, 139) | hsl(285, 16%, 47%) | |
| 300 | #8b658b | rgb(139, 101, 139) | hsl(300, 16%, 47%) | |
| 315 | #8b6581 | rgb(139, 101, 129) | hsl(315, 16%, 47%) | |
| 330 | #8b6578 | rgb(139, 101, 120) | hsl(330, 16%, 47%) | |
| 345 | #8b656e | rgb(139, 101, 110) | hsl(345, 16%, 47%) | |
| 360 | #8b6565 | rgb(139, 101, 101) | hsl(0, 16%, 47%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #40f000 | rgb(64, 240, 0) | hsl(104, 100%, 47%) | |
| 95% | #43ea06 | rgb(67, 234, 6) | hsl(104, 95%, 47%) | |
| 90% | #46e40c | rgb(70, 228, 12) | hsl(104, 90%, 47%) | |
| 85% | #48de12 | rgb(72, 222, 18) | hsl(104, 85%, 47%) | |
| 80% | #4bd818 | rgb(75, 216, 24) | hsl(104, 80%, 47%) | |
| 75% | #4ed21e | rgb(78, 210, 30) | hsl(104, 75%, 47%) | |
| 70% | #51cc24 | rgb(81, 204, 36) | hsl(104, 70%, 47%) | |
| 65% | #53c62a | rgb(83, 198, 42) | hsl(104, 65%, 47%) | |
| 60% | #56c030 | rgb(86, 192, 48) | hsl(104, 60%, 47%) | |
| 55% | #59ba36 | rgb(89, 186, 54) | hsl(104, 55%, 47%) | |
| 50% | #5cb43c | rgb(92, 180, 60) | hsl(104, 50%, 47%) | |
| 45% | #5fae42 | rgb(95, 174, 66) | hsl(104, 45%, 47%) | |
| 40% | #61a848 | rgb(97, 168, 72) | hsl(104, 40%, 47%) | |
| 35% | #64a24e | rgb(100, 162, 78) | hsl(104, 35%, 47%) | |
| 30% | #679c54 | rgb(103, 156, 84) | hsl(104, 30%, 47%) | |
| 25% | #6a965a | rgb(106, 150, 90) | hsl(104, 25%, 47%) | |
| 20% | #6d9060 | rgb(109, 144, 96) | hsl(104, 20%, 47%) | |
| 16% | #708c66 | rgb(112, 140, 102) | hsl(104, 16%, 47%) | |
| 15% | #6f8a66 | rgb(111, 138, 102) | hsl(104, 15%, 47%) | |
| 10% | #72846c | rgb(114, 132, 108) | hsl(104, 10%, 47%) | |
| 5% | #757e72 | rgb(117, 126, 114) | hsl(104, 5%, 47%) | |
| 0% | #787878 | rgb(120, 120, 120) | hsl(104, 0%, 47%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(104, 16%, 100%) | |
| 95% | #f1f4f0 | rgb(241, 244, 240) | hsl(104, 16%, 95%) | |
| 90% | #e4eae1 | rgb(228, 234, 225) | hsl(104, 16%, 90%) | |
| 85% | #d6dfd3 | rgb(214, 223, 211) | hsl(104, 16%, 85%) | |
| 80% | #c8d4c4 | rgb(200, 212, 196) | hsl(104, 16%, 80%) | |
| 75% | #bac9b5 | rgb(186, 201, 181) | hsl(104, 16%, 75%) | |
| 70% | #adbfa6 | rgb(173, 191, 166) | hsl(104, 16%, 70%) | |
| 65% | #9fb497 | rgb(159, 180, 151) | hsl(104, 16%, 65%) | |
| 60% | #91a989 | rgb(145, 169, 137) | hsl(104, 16%, 60%) | |
| 55% | #849f7a | rgb(132, 159, 122) | hsl(104, 16%, 55%) | |
| 50% | #76946b | rgb(118, 148, 107) | hsl(104, 16%, 50%) | |
| 47% | #708c66 | rgb(112, 140, 102) | hsl(104, 16%, 47%) | |
| 45% | #6a8560 | rgb(106, 133, 96) | hsl(104, 16%, 45%) | |
| 40% | #5e7656 | rgb(94, 118, 86) | hsl(104, 16%, 40%) | |
| 35% | #53684b | rgb(83, 104, 75) | hsl(104, 16%, 35%) | |
| 30% | #475940 | rgb(71, 89, 64) | hsl(104, 16%, 30%) | |
| 25% | #3b4a36 | rgb(59, 74, 54) | hsl(104, 16%, 25%) | |
| 20% | #2f3b2b | rgb(47, 59, 43) | hsl(104, 16%, 20%) | |
| 15% | #232c20 | rgb(35, 44, 32) | hsl(104, 16%, 15%) | |
| 10% | #181e15 | rgb(24, 30, 21) | hsl(104, 16%, 10%) | |
| 5% | #0c0f0b | rgb(12, 15, 11) | hsl(104, 16%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(104, 16%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 112 | 140 | 102 |
rgb(112, 140, 102)
#708c66
#708c66
