HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#939597
rgb(147, 149, 151)
hsl(210, 2%, 58%)
Lighter / Darker:
100% | #ffffff | |
95% | #f2f2f3 | |
90% | #e5e6e6 | |
85% | #d8d9da | |
80% | #cbcccd | |
75% | #bebfc1 | |
70% | #b1b3b4 | |
65% | #a4a6a8 | |
60% | #97999b | |
58% | #939597 | |
55% | #8a8c8f | |
50% | #7d8082 | |
45% | #707375 | |
40% | #646668 | |
35% | #57595b | |
30% | #4b4d4e | |
25% | #3e4041 | |
20% | #323334 | |
15% | #252627 | |
10% | #191a1a | |
5% | #0c0d0d | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #969292 | rgb(150, 146, 146) | hsl(0, 2%, 58%) | |
15 | #969392 | rgb(150, 147, 146) | hsl(15, 2%, 58%) | |
30 | #969492 | rgb(150, 148, 146) | hsl(30, 2%, 58%) | |
45 | #969592 | rgb(150, 149, 146) | hsl(45, 2%, 58%) | |
60 | #969692 | rgb(150, 150, 146) | hsl(60, 2%, 58%) | |
75 | #959692 | rgb(149, 150, 146) | hsl(75, 2%, 58%) | |
90 | #949692 | rgb(148, 150, 146) | hsl(90, 2%, 58%) | |
105 | #939692 | rgb(147, 150, 146) | hsl(105, 2%, 58%) | |
120 | #929692 | rgb(146, 150, 146) | hsl(120, 2%, 58%) | |
135 | #929693 | rgb(146, 150, 147) | hsl(135, 2%, 58%) | |
150 | #929694 | rgb(146, 150, 148) | hsl(150, 2%, 58%) | |
165 | #929695 | rgb(146, 150, 149) | hsl(165, 2%, 58%) | |
180 | #929696 | rgb(146, 150, 150) | hsl(180, 2%, 58%) | |
195 | #929596 | rgb(146, 149, 150) | hsl(195, 2%, 58%) | |
210 | #939597 | rgb(147, 149, 151) | hsl(210, 2%, 58%) | |
225 | #929396 | rgb(146, 147, 150) | hsl(225, 2%, 58%) | |
240 | #929296 | rgb(146, 146, 150) | hsl(240, 2%, 58%) | |
255 | #939296 | rgb(147, 146, 150) | hsl(255, 2%, 58%) | |
270 | #949296 | rgb(148, 146, 150) | hsl(270, 2%, 58%) | |
285 | #959296 | rgb(149, 146, 150) | hsl(285, 2%, 58%) | |
300 | #969296 | rgb(150, 146, 150) | hsl(300, 2%, 58%) | |
315 | #969295 | rgb(150, 146, 149) | hsl(315, 2%, 58%) | |
330 | #969294 | rgb(150, 146, 148) | hsl(330, 2%, 58%) | |
345 | #969293 | rgb(150, 146, 147) | hsl(345, 2%, 58%) | |
360 | #969292 | rgb(150, 146, 146) | hsl(0, 2%, 58%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #2994ff | rgb(41, 148, 255) | hsl(210, 100%, 58%) | |
95% | #2e94fa | rgb(46, 148, 250) | hsl(210, 95%, 58%) | |
90% | #3494f4 | rgb(52, 148, 244) | hsl(210, 90%, 58%) | |
85% | #3994ef | rgb(57, 148, 239) | hsl(210, 85%, 58%) | |
80% | #3e94ea | rgb(62, 148, 234) | hsl(210, 80%, 58%) | |
75% | #4494e4 | rgb(68, 148, 228) | hsl(210, 75%, 58%) | |
70% | #4994df | rgb(73, 148, 223) | hsl(210, 70%, 58%) | |
65% | #4e94da | rgb(78, 148, 218) | hsl(210, 65%, 58%) | |
60% | #5494d4 | rgb(84, 148, 212) | hsl(210, 60%, 58%) | |
55% | #5994cf | rgb(89, 148, 207) | hsl(210, 55%, 58%) | |
50% | #5e94c9 | rgb(94, 148, 201) | hsl(210, 50%, 58%) | |
45% | #6494c4 | rgb(100, 148, 196) | hsl(210, 45%, 58%) | |
40% | #6994bf | rgb(105, 148, 191) | hsl(210, 40%, 58%) | |
35% | #6e94b9 | rgb(110, 148, 185) | hsl(210, 35%, 58%) | |
30% | #7494b4 | rgb(116, 148, 180) | hsl(210, 30%, 58%) | |
25% | #7994af | rgb(121, 148, 175) | hsl(210, 25%, 58%) | |
20% | #7e94a9 | rgb(126, 148, 169) | hsl(210, 20%, 58%) | |
15% | #8494a4 | rgb(132, 148, 164) | hsl(210, 15%, 58%) | |
10% | #89949f | rgb(137, 148, 159) | hsl(210, 10%, 58%) | |
5% | #8f9499 | rgb(143, 148, 153) | hsl(210, 5%, 58%) | |
2% | #939597 | rgb(147, 149, 151) | hsl(210, 2%, 58%) | |
0% | #949494 | rgb(148, 148, 148) | hsl(210, 0%, 58%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(210, 2%, 100%) | |
95% | #f2f2f3 | rgb(242, 242, 243) | hsl(210, 2%, 95%) | |
90% | #e5e6e6 | rgb(229, 230, 230) | hsl(210, 2%, 90%) | |
85% | #d8d9da | rgb(216, 217, 218) | hsl(210, 2%, 85%) | |
80% | #cbcccd | rgb(203, 204, 205) | hsl(210, 2%, 80%) | |
75% | #bebfc1 | rgb(190, 191, 193) | hsl(210, 2%, 75%) | |
70% | #b1b3b4 | rgb(177, 179, 180) | hsl(210, 2%, 70%) | |
65% | #a4a6a8 | rgb(164, 166, 168) | hsl(210, 2%, 65%) | |
60% | #97999b | rgb(151, 153, 155) | hsl(210, 2%, 60%) | |
58% | #939597 | rgb(147, 149, 151) | hsl(210, 2%, 58%) | |
55% | #8a8c8f | rgb(138, 140, 143) | hsl(210, 2%, 55%) | |
50% | #7d8082 | rgb(125, 128, 130) | hsl(210, 2%, 50%) | |
45% | #707375 | rgb(112, 115, 117) | hsl(210, 2%, 45%) | |
40% | #646668 | rgb(100, 102, 104) | hsl(210, 2%, 40%) | |
35% | #57595b | rgb(87, 89, 91) | hsl(210, 2%, 35%) | |
30% | #4b4d4e | rgb(75, 77, 78) | hsl(210, 2%, 30%) | |
25% | #3e4041 | rgb(62, 64, 65) | hsl(210, 2%, 25%) | |
20% | #323334 | rgb(50, 51, 52) | hsl(210, 2%, 20%) | |
15% | #252627 | rgb(37, 38, 39) | hsl(210, 2%, 15%) | |
10% | #191a1a | rgb(25, 26, 26) | hsl(210, 2%, 10%) | |
5% | #0c0d0d | rgb(12, 13, 13) | hsl(210, 2%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(210, 2%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
147 | 149 | 151 |
rgb(147, 149, 151)
#939597
#939597