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
SlateGray
#708090
rgb(112, 128, 144)
hsl(210, 13%, 50%)
Lighter / Darker:
100% | #ffffff | |
95% | #f1f2f4 | |
90% | #e2e6e9 | |
85% | #d4d9de | |
80% | #c5ccd3 | |
75% | #b7bfc8 | |
70% | #a9b3bc | |
65% | #9aa6b1 | |
60% | #8c99a6 | |
55% | #7d8c9b | |
50% | #708090 | |
45% | #647382 | |
40% | #596673 | |
35% | #4e5965 | |
30% | #434d56 | |
25% | #374048 | |
20% | #2c333a | |
15% | #21262b | |
10% | #161a1d | |
5% | #0b0d0e | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #906f6f | rgb(144, 111, 111) | hsl(0, 13%, 50%) | |
15 | #90776f | rgb(144, 119, 111) | hsl(15, 13%, 50%) | |
30 | #90806f | rgb(144, 128, 111) | hsl(30, 13%, 50%) | |
45 | #90886f | rgb(144, 136, 111) | hsl(45, 13%, 50%) | |
60 | #90906f | rgb(144, 144, 111) | hsl(60, 13%, 50%) | |
75 | #88906f | rgb(136, 144, 111) | hsl(75, 13%, 50%) | |
90 | #80906f | rgb(128, 144, 111) | hsl(90, 13%, 50%) | |
105 | #77906f | rgb(119, 144, 111) | hsl(105, 13%, 50%) | |
120 | #6f906f | rgb(111, 144, 111) | hsl(120, 13%, 50%) | |
135 | #6f9077 | rgb(111, 144, 119) | hsl(135, 13%, 50%) | |
150 | #6f9080 | rgb(111, 144, 128) | hsl(150, 13%, 50%) | |
165 | #6f9088 | rgb(111, 144, 136) | hsl(165, 13%, 50%) | |
180 | #6f9090 | rgb(111, 144, 144) | hsl(180, 13%, 50%) | |
195 | #6f8890 | rgb(111, 136, 144) | hsl(195, 13%, 50%) | |
210 | #708090 | rgb(112, 128, 144) | hsl(210, 13%, 50%) | |
225 | #6f7790 | rgb(111, 119, 144) | hsl(225, 13%, 50%) | |
240 | #6f6f90 | rgb(111, 111, 144) | hsl(240, 13%, 50%) | |
255 | #776f90 | rgb(119, 111, 144) | hsl(255, 13%, 50%) | |
270 | #806f90 | rgb(128, 111, 144) | hsl(270, 13%, 50%) | |
285 | #886f90 | rgb(136, 111, 144) | hsl(285, 13%, 50%) | |
300 | #906f90 | rgb(144, 111, 144) | hsl(300, 13%, 50%) | |
315 | #906f88 | rgb(144, 111, 136) | hsl(315, 13%, 50%) | |
330 | #906f80 | rgb(144, 111, 128) | hsl(330, 13%, 50%) | |
345 | #906f77 | rgb(144, 111, 119) | hsl(345, 13%, 50%) | |
360 | #906f6f | rgb(144, 111, 111) | hsl(0, 13%, 50%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #0080ff | rgb(0, 128, 255) | hsl(210, 100%, 50%) | |
95% | #0680f9 | rgb(6, 128, 249) | hsl(210, 95%, 50%) | |
90% | #0d80f2 | rgb(13, 128, 242) | hsl(210, 90%, 50%) | |
85% | #1380ec | rgb(19, 128, 236) | hsl(210, 85%, 50%) | |
80% | #1980e6 | rgb(25, 128, 230) | hsl(210, 80%, 50%) | |
75% | #2080df | rgb(32, 128, 223) | hsl(210, 75%, 50%) | |
70% | #2680d9 | rgb(38, 128, 217) | hsl(210, 70%, 50%) | |
65% | #2d80d2 | rgb(45, 128, 210) | hsl(210, 65%, 50%) | |
60% | #3380cc | rgb(51, 128, 204) | hsl(210, 60%, 50%) | |
55% | #3980c6 | rgb(57, 128, 198) | hsl(210, 55%, 50%) | |
50% | #4080bf | rgb(64, 128, 191) | hsl(210, 50%, 50%) | |
45% | #4680b9 | rgb(70, 128, 185) | hsl(210, 45%, 50%) | |
40% | #4d80b3 | rgb(77, 128, 179) | hsl(210, 40%, 50%) | |
35% | #5380ac | rgb(83, 128, 172) | hsl(210, 35%, 50%) | |
30% | #5980a6 | rgb(89, 128, 166) | hsl(210, 30%, 50%) | |
25% | #60809f | rgb(96, 128, 159) | hsl(210, 25%, 50%) | |
20% | #668099 | rgb(102, 128, 153) | hsl(210, 20%, 50%) | |
15% | #6c8093 | rgb(108, 128, 147) | hsl(210, 15%, 50%) | |
13% | #708090 | rgb(112, 128, 144) | hsl(210, 13%, 50%) | |
10% | #73808c | rgb(115, 128, 140) | hsl(210, 10%, 50%) | |
5% | #798086 | rgb(121, 128, 134) | hsl(210, 5%, 50%) | |
0% | #808080 | rgb(128, 128, 128) | hsl(210, 0%, 50%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(210, 13%, 100%) | |
95% | #f1f2f4 | rgb(241, 242, 244) | hsl(210, 13%, 95%) | |
90% | #e2e6e9 | rgb(226, 230, 233) | hsl(210, 13%, 90%) | |
85% | #d4d9de | rgb(212, 217, 222) | hsl(210, 13%, 85%) | |
80% | #c5ccd3 | rgb(197, 204, 211) | hsl(210, 13%, 80%) | |
75% | #b7bfc8 | rgb(183, 191, 200) | hsl(210, 13%, 75%) | |
70% | #a9b3bc | rgb(169, 179, 188) | hsl(210, 13%, 70%) | |
65% | #9aa6b1 | rgb(154, 166, 177) | hsl(210, 13%, 65%) | |
60% | #8c99a6 | rgb(140, 153, 166) | hsl(210, 13%, 60%) | |
55% | #7d8c9b | rgb(125, 140, 155) | hsl(210, 13%, 55%) | |
50% | #708090 | rgb(112, 128, 144) | hsl(210, 13%, 50%) | |
45% | #647382 | rgb(100, 115, 130) | hsl(210, 13%, 45%) | |
40% | #596673 | rgb(89, 102, 115) | hsl(210, 13%, 40%) | |
35% | #4e5965 | rgb(78, 89, 101) | hsl(210, 13%, 35%) | |
30% | #434d56 | rgb(67, 77, 86) | hsl(210, 13%, 30%) | |
25% | #374048 | rgb(55, 64, 72) | hsl(210, 13%, 25%) | |
20% | #2c333a | rgb(44, 51, 58) | hsl(210, 13%, 20%) | |
15% | #21262b | rgb(33, 38, 43) | hsl(210, 13%, 15%) | |
10% | #161a1d | rgb(22, 26, 29) | hsl(210, 13%, 10%) | |
5% | #0b0d0e | rgb(11, 13, 14) | hsl(210, 13%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(210, 13%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
112 | 128 | 144 |
rgb(112, 128, 144)
#708090
#708090