HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
DarkOliveGreen
#556b2f
rgb(85, 107, 47)
hsl(82, 39%, 30%)
Lighter / Darker:
100% | #ffffff | |
95% | #f4f7ed | |
90% | #e8efdc | |
85% | #dde8ca | |
80% | #d1e0b8 | |
75% | #c6d8a6 | |
70% | #bad095 | |
65% | #afc983 | |
60% | #a4c171 | |
55% | #98b95f | |
50% | #8db14e | |
45% | #7fa046 | |
40% | #718e3e | |
35% | #637c36 | |
30% | #556b2f | |
25% | #465927 | |
20% | #38471f | |
15% | #2a3517 | |
10% | #1c2310 | |
5% | #0e1208 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #6a2f2f | rgb(106, 47, 47) | hsl(0, 39%, 30%) | |
15 | #6a3e2f | rgb(106, 62, 47) | hsl(15, 39%, 30%) | |
30 | #6a4d2f | rgb(106, 77, 47) | hsl(30, 39%, 30%) | |
45 | #6a5b2f | rgb(106, 91, 47) | hsl(45, 39%, 30%) | |
60 | #6a6a2f | rgb(106, 106, 47) | hsl(60, 39%, 30%) | |
75 | #5b6a2f | rgb(91, 106, 47) | hsl(75, 39%, 30%) | |
82 | #556b2f | rgb(85, 107, 47) | hsl(82, 39%, 30%) | |
90 | #4d6a2f | rgb(77, 106, 47) | hsl(90, 39%, 30%) | |
105 | #3e6a2f | rgb(62, 106, 47) | hsl(105, 39%, 30%) | |
120 | #2f6a2f | rgb(47, 106, 47) | hsl(120, 39%, 30%) | |
135 | #2f6a3e | rgb(47, 106, 62) | hsl(135, 39%, 30%) | |
150 | #2f6a4d | rgb(47, 106, 77) | hsl(150, 39%, 30%) | |
165 | #2f6a5b | rgb(47, 106, 91) | hsl(165, 39%, 30%) | |
180 | #2f6a6a | rgb(47, 106, 106) | hsl(180, 39%, 30%) | |
195 | #2f5b6a | rgb(47, 91, 106) | hsl(195, 39%, 30%) | |
210 | #2f4d6a | rgb(47, 77, 106) | hsl(210, 39%, 30%) | |
225 | #2f3e6a | rgb(47, 62, 106) | hsl(225, 39%, 30%) | |
240 | #2f2f6a | rgb(47, 47, 106) | hsl(240, 39%, 30%) | |
255 | #3e2f6a | rgb(62, 47, 106) | hsl(255, 39%, 30%) | |
270 | #4d2f6a | rgb(77, 47, 106) | hsl(270, 39%, 30%) | |
285 | #5b2f6a | rgb(91, 47, 106) | hsl(285, 39%, 30%) | |
300 | #6a2f6a | rgb(106, 47, 106) | hsl(300, 39%, 30%) | |
315 | #6a2f5b | rgb(106, 47, 91) | hsl(315, 39%, 30%) | |
330 | #6a2f4d | rgb(106, 47, 77) | hsl(330, 39%, 30%) | |
345 | #6a2f3e | rgb(106, 47, 62) | hsl(345, 39%, 30%) | |
360 | #6a2f2f | rgb(106, 47, 47) | hsl(0, 39%, 30%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #619900 | rgb(97, 153, 0) | hsl(82, 100%, 30%) | |
95% | #609504 | rgb(96, 149, 4) | hsl(82, 95%, 30%) | |
90% | #5f9108 | rgb(95, 145, 8) | hsl(82, 90%, 30%) | |
85% | #5e8e0b | rgb(94, 142, 11) | hsl(82, 85%, 30%) | |
80% | #5d8a0f | rgb(93, 138, 15) | hsl(82, 80%, 30%) | |
75% | #5c8613 | rgb(92, 134, 19) | hsl(82, 75%, 30%) | |
70% | #5b8217 | rgb(91, 130, 23) | hsl(82, 70%, 30%) | |
65% | #5a7e1b | rgb(90, 126, 27) | hsl(82, 65%, 30%) | |
60% | #597a1f | rgb(89, 122, 31) | hsl(82, 60%, 30%) | |
55% | #587722 | rgb(88, 119, 34) | hsl(82, 55%, 30%) | |
50% | #577326 | rgb(87, 115, 38) | hsl(82, 50%, 30%) | |
45% | #566f2a | rgb(86, 111, 42) | hsl(82, 45%, 30%) | |
40% | #556b2e | rgb(85, 107, 46) | hsl(82, 40%, 30%) | |
39% | #556b2f | rgb(85, 107, 47) | hsl(82, 39%, 30%) | |
35% | #546732 | rgb(84, 103, 50) | hsl(82, 35%, 30%) | |
30% | #536336 | rgb(83, 99, 54) | hsl(82, 30%, 30%) | |
25% | #526039 | rgb(82, 96, 57) | hsl(82, 25%, 30%) | |
20% | #515c3d | rgb(81, 92, 61) | hsl(82, 20%, 30%) | |
15% | #505841 | rgb(80, 88, 65) | hsl(82, 15%, 30%) | |
10% | #4f5445 | rgb(79, 84, 69) | hsl(82, 10%, 30%) | |
5% | #4e5049 | rgb(78, 80, 73) | hsl(82, 5%, 30%) | |
0% | #4d4d4d | rgb(77, 77, 77) | hsl(82, 0%, 30%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(82, 39%, 100%) | |
95% | #f4f7ed | rgb(244, 247, 237) | hsl(82, 39%, 95%) | |
90% | #e8efdc | rgb(232, 239, 220) | hsl(82, 39%, 90%) | |
85% | #dde8ca | rgb(221, 232, 202) | hsl(82, 39%, 85%) | |
80% | #d1e0b8 | rgb(209, 224, 184) | hsl(82, 39%, 80%) | |
75% | #c6d8a6 | rgb(198, 216, 166) | hsl(82, 39%, 75%) | |
70% | #bad095 | rgb(186, 208, 149) | hsl(82, 39%, 70%) | |
65% | #afc983 | rgb(175, 201, 131) | hsl(82, 39%, 65%) | |
60% | #a4c171 | rgb(164, 193, 113) | hsl(82, 39%, 60%) | |
55% | #98b95f | rgb(152, 185, 95) | hsl(82, 39%, 55%) | |
50% | #8db14e | rgb(141, 177, 78) | hsl(82, 39%, 50%) | |
45% | #7fa046 | rgb(127, 160, 70) | hsl(82, 39%, 45%) | |
40% | #718e3e | rgb(113, 142, 62) | hsl(82, 39%, 40%) | |
35% | #637c36 | rgb(99, 124, 54) | hsl(82, 39%, 35%) | |
30% | #556b2f | rgb(85, 107, 47) | hsl(82, 39%, 30%) | |
25% | #465927 | rgb(70, 89, 39) | hsl(82, 39%, 25%) | |
20% | #38471f | rgb(56, 71, 31) | hsl(82, 39%, 20%) | |
15% | #2a3517 | rgb(42, 53, 23) | hsl(82, 39%, 15%) | |
10% | #1c2310 | rgb(28, 35, 16) | hsl(82, 39%, 10%) | |
5% | #0e1208 | rgb(14, 18, 8) | hsl(82, 39%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(82, 39%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
85 | 107 | 47 |
rgb(85, 107, 47)
#556b2f
#556b2f