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
OliveDrab
#6b8e23
rgb(107, 142, 35)
hsl(80, 60%, 35%)
Lighter / Darker:
100% | #ffffff | |
95% | #f5faeb | |
90% | #ebf5d6 | |
85% | #e0f0c2 | |
80% | #d6ebad | |
75% | #cce699 | |
70% | #c2e085 | |
65% | #b8db70 | |
60% | #add65c | |
55% | #a3d147 | |
50% | #99cc33 | |
45% | #8ab82e | |
40% | #7aa329 | |
35% | #6b8e23 | |
30% | #5c7a1f | |
25% | #4d6619 | |
20% | #3d5214 | |
15% | #2e3d0f | |
10% | #1f290a | |
5% | #0f1405 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #8f2424 | rgb(143, 36, 36) | hsl(0, 60%, 35%) | |
15 | #8f3e24 | rgb(143, 62, 36) | hsl(15, 60%, 35%) | |
30 | #8f5924 | rgb(143, 89, 36) | hsl(30, 60%, 35%) | |
45 | #8f7424 | rgb(143, 116, 36) | hsl(45, 60%, 35%) | |
60 | #8f8f24 | rgb(143, 143, 36) | hsl(60, 60%, 35%) | |
75 | #748f24 | rgb(116, 143, 36) | hsl(75, 60%, 35%) | |
80 | #6b8e23 | rgb(107, 142, 35) | hsl(80, 60%, 35%) | |
90 | #598f24 | rgb(89, 143, 36) | hsl(90, 60%, 35%) | |
105 | #3e8f24 | rgb(62, 143, 36) | hsl(105, 60%, 35%) | |
120 | #248f24 | rgb(36, 143, 36) | hsl(120, 60%, 35%) | |
135 | #248f3e | rgb(36, 143, 62) | hsl(135, 60%, 35%) | |
150 | #248f59 | rgb(36, 143, 89) | hsl(150, 60%, 35%) | |
165 | #248f74 | rgb(36, 143, 116) | hsl(165, 60%, 35%) | |
180 | #248f8f | rgb(36, 143, 143) | hsl(180, 60%, 35%) | |
195 | #24748f | rgb(36, 116, 143) | hsl(195, 60%, 35%) | |
210 | #24598f | rgb(36, 89, 143) | hsl(210, 60%, 35%) | |
225 | #243e8f | rgb(36, 62, 143) | hsl(225, 60%, 35%) | |
240 | #24248f | rgb(36, 36, 143) | hsl(240, 60%, 35%) | |
255 | #3e248f | rgb(62, 36, 143) | hsl(255, 60%, 35%) | |
270 | #59248f | rgb(89, 36, 143) | hsl(270, 60%, 35%) | |
285 | #74248f | rgb(116, 36, 143) | hsl(285, 60%, 35%) | |
300 | #8f248f | rgb(143, 36, 143) | hsl(300, 60%, 35%) | |
315 | #8f2474 | rgb(143, 36, 116) | hsl(315, 60%, 35%) | |
330 | #8f2459 | rgb(143, 36, 89) | hsl(330, 60%, 35%) | |
345 | #8f243e | rgb(143, 36, 62) | hsl(345, 60%, 35%) | |
360 | #8f2424 | rgb(143, 36, 36) | hsl(0, 60%, 35%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #77b300 | rgb(119, 179, 0) | hsl(80, 100%, 35%) | |
95% | #76ae04 | rgb(118, 174, 4) | hsl(80, 95%, 35%) | |
90% | #74aa09 | rgb(116, 170, 9) | hsl(80, 90%, 35%) | |
85% | #73a50d | rgb(115, 165, 13) | hsl(80, 85%, 35%) | |
80% | #71a112 | rgb(113, 161, 18) | hsl(80, 80%, 35%) | |
75% | #709c16 | rgb(112, 156, 22) | hsl(80, 75%, 35%) | |
70% | #6e981b | rgb(110, 152, 27) | hsl(80, 70%, 35%) | |
65% | #6d931f | rgb(109, 147, 31) | hsl(80, 65%, 35%) | |
60% | #6b8e23 | rgb(107, 142, 35) | hsl(80, 60%, 35%) | |
55% | #6a8a28 | rgb(106, 138, 40) | hsl(80, 55%, 35%) | |
50% | #68862d | rgb(104, 134, 45) | hsl(80, 50%, 35%) | |
45% | #678131 | rgb(103, 129, 49) | hsl(80, 45%, 35%) | |
40% | #657d36 | rgb(101, 125, 54) | hsl(80, 40%, 35%) | |
35% | #64783a | rgb(100, 120, 58) | hsl(80, 35%, 35%) | |
30% | #62743e | rgb(98, 116, 62) | hsl(80, 30%, 35%) | |
25% | #617043 | rgb(97, 112, 67) | hsl(80, 25%, 35%) | |
20% | #5f6b47 | rgb(95, 107, 71) | hsl(80, 20%, 35%) | |
15% | #5e674c | rgb(94, 103, 76) | hsl(80, 15%, 35%) | |
10% | #5c6250 | rgb(92, 98, 80) | hsl(80, 10%, 35%) | |
5% | #5b5e55 | rgb(91, 94, 85) | hsl(80, 5%, 35%) | |
0% | #595959 | rgb(89, 89, 89) | hsl(80, 0%, 35%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(80, 60%, 100%) | |
95% | #f5faeb | rgb(245, 250, 235) | hsl(80, 60%, 95%) | |
90% | #ebf5d6 | rgb(235, 245, 214) | hsl(80, 60%, 90%) | |
85% | #e0f0c2 | rgb(224, 240, 194) | hsl(80, 60%, 85%) | |
80% | #d6ebad | rgb(214, 235, 173) | hsl(80, 60%, 80%) | |
75% | #cce699 | rgb(204, 230, 153) | hsl(80, 60%, 75%) | |
70% | #c2e085 | rgb(194, 224, 133) | hsl(80, 60%, 70%) | |
65% | #b8db70 | rgb(184, 219, 112) | hsl(80, 60%, 65%) | |
60% | #add65c | rgb(173, 214, 92) | hsl(80, 60%, 60%) | |
55% | #a3d147 | rgb(163, 209, 71) | hsl(80, 60%, 55%) | |
50% | #99cc33 | rgb(153, 204, 51) | hsl(80, 60%, 50%) | |
45% | #8ab82e | rgb(138, 184, 46) | hsl(80, 60%, 45%) | |
40% | #7aa329 | rgb(122, 163, 41) | hsl(80, 60%, 40%) | |
35% | #6b8e23 | rgb(107, 142, 35) | hsl(80, 60%, 35%) | |
30% | #5c7a1f | rgb(92, 122, 31) | hsl(80, 60%, 30%) | |
25% | #4d6619 | rgb(77, 102, 25) | hsl(80, 60%, 25%) | |
20% | #3d5214 | rgb(61, 82, 20) | hsl(80, 60%, 20%) | |
15% | #2e3d0f | rgb(46, 61, 15) | hsl(80, 60%, 15%) | |
10% | #1f290a | rgb(31, 41, 10) | hsl(80, 60%, 10%) | |
5% | #0f1405 | rgb(15, 20, 5) | hsl(80, 60%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(80, 60%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
107 | 142 | 35 |
rgb(107, 142, 35)
#6b8e23
#6b8e23