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
LightSlateGray
#778899
rgb(119, 136, 153)
hsl(210, 14%, 53%)
Lighter / Darker:
100% | #ffffff | |
95% | #f0f2f4 | |
90% | #e2e6e9 | |
85% | #d3d9de | |
80% | #c5ccd3 | |
75% | #b6bfc8 | |
70% | #a8b3bd | |
65% | #99a6b2 | |
60% | #8b99a7 | |
55% | #7c8c9c | |
53% | #778899 | |
50% | #6e8091 | |
45% | #637383 | |
40% | #586674 | |
35% | #4d5966 | |
30% | #424d57 | |
25% | #374049 | |
20% | #2c333a | |
15% | #21262c | |
10% | #161a1d | |
5% | #0b0d0f | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #987676 | rgb(152, 118, 118) | hsl(0, 14%, 53%) | |
15 | #987f76 | rgb(152, 127, 118) | hsl(15, 14%, 53%) | |
30 | #988776 | rgb(152, 135, 118) | hsl(30, 14%, 53%) | |
45 | #989076 | rgb(152, 144, 118) | hsl(45, 14%, 53%) | |
60 | #989876 | rgb(152, 152, 118) | hsl(60, 14%, 53%) | |
75 | #909876 | rgb(144, 152, 118) | hsl(75, 14%, 53%) | |
90 | #879876 | rgb(135, 152, 118) | hsl(90, 14%, 53%) | |
105 | #7f9876 | rgb(127, 152, 118) | hsl(105, 14%, 53%) | |
120 | #769876 | rgb(118, 152, 118) | hsl(120, 14%, 53%) | |
135 | #76987f | rgb(118, 152, 127) | hsl(135, 14%, 53%) | |
150 | #769887 | rgb(118, 152, 135) | hsl(150, 14%, 53%) | |
165 | #769890 | rgb(118, 152, 144) | hsl(165, 14%, 53%) | |
180 | #769898 | rgb(118, 152, 152) | hsl(180, 14%, 53%) | |
195 | #769098 | rgb(118, 144, 152) | hsl(195, 14%, 53%) | |
210 | #778899 | rgb(119, 136, 153) | hsl(210, 14%, 53%) | |
225 | #767f98 | rgb(118, 127, 152) | hsl(225, 14%, 53%) | |
240 | #767698 | rgb(118, 118, 152) | hsl(240, 14%, 53%) | |
255 | #7f7698 | rgb(127, 118, 152) | hsl(255, 14%, 53%) | |
270 | #877698 | rgb(135, 118, 152) | hsl(270, 14%, 53%) | |
285 | #907698 | rgb(144, 118, 152) | hsl(285, 14%, 53%) | |
300 | #987698 | rgb(152, 118, 152) | hsl(300, 14%, 53%) | |
315 | #987690 | rgb(152, 118, 144) | hsl(315, 14%, 53%) | |
330 | #987687 | rgb(152, 118, 135) | hsl(330, 14%, 53%) | |
345 | #98767f | rgb(152, 118, 127) | hsl(345, 14%, 53%) | |
360 | #987676 | rgb(152, 118, 118) | hsl(0, 14%, 53%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #0f87ff | rgb(15, 135, 255) | hsl(210, 100%, 53%) | |
95% | #1587f9 | rgb(21, 135, 249) | hsl(210, 95%, 53%) | |
90% | #1b87f3 | rgb(27, 135, 243) | hsl(210, 90%, 53%) | |
85% | #2187ed | rgb(33, 135, 237) | hsl(210, 85%, 53%) | |
80% | #2787e7 | rgb(39, 135, 231) | hsl(210, 80%, 53%) | |
75% | #2d87e1 | rgb(45, 135, 225) | hsl(210, 75%, 53%) | |
70% | #3387db | rgb(51, 135, 219) | hsl(210, 70%, 53%) | |
65% | #3987d5 | rgb(57, 135, 213) | hsl(210, 65%, 53%) | |
60% | #3f87cf | rgb(63, 135, 207) | hsl(210, 60%, 53%) | |
55% | #4587c9 | rgb(69, 135, 201) | hsl(210, 55%, 53%) | |
50% | #4b87c3 | rgb(75, 135, 195) | hsl(210, 50%, 53%) | |
45% | #5187bd | rgb(81, 135, 189) | hsl(210, 45%, 53%) | |
40% | #5787b7 | rgb(87, 135, 183) | hsl(210, 40%, 53%) | |
35% | #5d87b1 | rgb(93, 135, 177) | hsl(210, 35%, 53%) | |
30% | #6387ab | rgb(99, 135, 171) | hsl(210, 30%, 53%) | |
25% | #6987a5 | rgb(105, 135, 165) | hsl(210, 25%, 53%) | |
20% | #6f879f | rgb(111, 135, 159) | hsl(210, 20%, 53%) | |
15% | #758799 | rgb(117, 135, 153) | hsl(210, 15%, 53%) | |
14% | #778899 | rgb(119, 136, 153) | hsl(210, 14%, 53%) | |
10% | #7b8793 | rgb(123, 135, 147) | hsl(210, 10%, 53%) | |
5% | #81878d | rgb(129, 135, 141) | hsl(210, 5%, 53%) | |
0% | #878787 | rgb(135, 135, 135) | hsl(210, 0%, 53%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(210, 14%, 100%) | |
95% | #f0f2f4 | rgb(240, 242, 244) | hsl(210, 14%, 95%) | |
90% | #e2e6e9 | rgb(226, 230, 233) | hsl(210, 14%, 90%) | |
85% | #d3d9de | rgb(211, 217, 222) | hsl(210, 14%, 85%) | |
80% | #c5ccd3 | rgb(197, 204, 211) | hsl(210, 14%, 80%) | |
75% | #b6bfc8 | rgb(182, 191, 200) | hsl(210, 14%, 75%) | |
70% | #a8b3bd | rgb(168, 179, 189) | hsl(210, 14%, 70%) | |
65% | #99a6b2 | rgb(153, 166, 178) | hsl(210, 14%, 65%) | |
60% | #8b99a7 | rgb(139, 153, 167) | hsl(210, 14%, 60%) | |
55% | #7c8c9c | rgb(124, 140, 156) | hsl(210, 14%, 55%) | |
53% | #778899 | rgb(119, 136, 153) | hsl(210, 14%, 53%) | |
50% | #6e8091 | rgb(110, 128, 145) | hsl(210, 14%, 50%) | |
45% | #637383 | rgb(99, 115, 131) | hsl(210, 14%, 45%) | |
40% | #586674 | rgb(88, 102, 116) | hsl(210, 14%, 40%) | |
35% | #4d5966 | rgb(77, 89, 102) | hsl(210, 14%, 35%) | |
30% | #424d57 | rgb(66, 77, 87) | hsl(210, 14%, 30%) | |
25% | #374049 | rgb(55, 64, 73) | hsl(210, 14%, 25%) | |
20% | #2c333a | rgb(44, 51, 58) | hsl(210, 14%, 20%) | |
15% | #21262c | rgb(33, 38, 44) | hsl(210, 14%, 15%) | |
10% | #161a1d | rgb(22, 26, 29) | hsl(210, 14%, 10%) | |
5% | #0b0d0f | rgb(11, 13, 15) | hsl(210, 14%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(210, 14%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
119 | 136 | 153 |
rgb(119, 136, 153)
#778899
#778899