HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#bcbcbe
rgb(188, 188, 190)
hsl(240, 2%, 74%)
Lighter / Darker:
100% | #ffffff | |
95% | #f2f2f3 | |
90% | #e5e5e6 | |
85% | #d8d8da | |
80% | #cbcbcd | |
75% | #bebec1 | |
74% | #bcbcbe | |
70% | #b1b1b4 | |
65% | #a4a4a8 | |
60% | #97979b | |
55% | #8a8a8f | |
50% | #7d7d82 | |
45% | #707075 | |
40% | #646468 | |
35% | #57575b | |
30% | #4b4b4e | |
25% | #3e3e41 | |
20% | #323234 | |
15% | #252527 | |
10% | #19191a | |
5% | #0c0c0d | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #bebbbb | rgb(190, 187, 187) | hsl(0, 2%, 74%) | |
15 | #bebcbb | rgb(190, 188, 187) | hsl(15, 2%, 74%) | |
30 | #bebdbb | rgb(190, 189, 187) | hsl(30, 2%, 74%) | |
45 | #bebdbb | rgb(190, 189, 187) | hsl(45, 2%, 74%) | |
60 | #bebebb | rgb(190, 190, 187) | hsl(60, 2%, 74%) | |
75 | #bdbebb | rgb(189, 190, 187) | hsl(75, 2%, 74%) | |
90 | #bdbebb | rgb(189, 190, 187) | hsl(90, 2%, 74%) | |
105 | #bcbebb | rgb(188, 190, 187) | hsl(105, 2%, 74%) | |
120 | #bbbebb | rgb(187, 190, 187) | hsl(120, 2%, 74%) | |
135 | #bbbebc | rgb(187, 190, 188) | hsl(135, 2%, 74%) | |
150 | #bbbebd | rgb(187, 190, 189) | hsl(150, 2%, 74%) | |
165 | #bbbebd | rgb(187, 190, 189) | hsl(165, 2%, 74%) | |
180 | #bbbebe | rgb(187, 190, 190) | hsl(180, 2%, 74%) | |
195 | #bbbdbe | rgb(187, 189, 190) | hsl(195, 2%, 74%) | |
210 | #bbbdbe | rgb(187, 189, 190) | hsl(210, 2%, 74%) | |
225 | #bbbcbe | rgb(187, 188, 190) | hsl(225, 2%, 74%) | |
240 | #bcbcbe | rgb(188, 188, 190) | hsl(240, 2%, 74%) | |
255 | #bcbbbe | rgb(188, 187, 190) | hsl(255, 2%, 74%) | |
270 | #bdbbbe | rgb(189, 187, 190) | hsl(270, 2%, 74%) | |
285 | #bdbbbe | rgb(189, 187, 190) | hsl(285, 2%, 74%) | |
300 | #bebbbe | rgb(190, 187, 190) | hsl(300, 2%, 74%) | |
315 | #bebbbd | rgb(190, 187, 189) | hsl(315, 2%, 74%) | |
330 | #bebbbd | rgb(190, 187, 189) | hsl(330, 2%, 74%) | |
345 | #bebbbc | rgb(190, 187, 188) | hsl(345, 2%, 74%) | |
360 | #bebbbb | rgb(190, 187, 187) | hsl(0, 2%, 74%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #7a7aff | rgb(122, 122, 255) | hsl(240, 100%, 74%) | |
95% | #7e7efc | rgb(126, 126, 252) | hsl(240, 95%, 74%) | |
90% | #8181f8 | rgb(129, 129, 248) | hsl(240, 90%, 74%) | |
85% | #8484f5 | rgb(132, 132, 245) | hsl(240, 85%, 74%) | |
80% | #8888f2 | rgb(136, 136, 242) | hsl(240, 80%, 74%) | |
75% | #8b8bee | rgb(139, 139, 238) | hsl(240, 75%, 74%) | |
70% | #8e8eeb | rgb(142, 142, 235) | hsl(240, 70%, 74%) | |
65% | #9292e8 | rgb(146, 146, 232) | hsl(240, 65%, 74%) | |
60% | #9595e4 | rgb(149, 149, 228) | hsl(240, 60%, 74%) | |
55% | #9898e1 | rgb(152, 152, 225) | hsl(240, 55%, 74%) | |
50% | #9c9cde | rgb(156, 156, 222) | hsl(240, 50%, 74%) | |
45% | #9f9fdb | rgb(159, 159, 219) | hsl(240, 45%, 74%) | |
40% | #a2a2d7 | rgb(162, 162, 215) | hsl(240, 40%, 74%) | |
35% | #a5a5d4 | rgb(165, 165, 212) | hsl(240, 35%, 74%) | |
30% | #a9a9d1 | rgb(169, 169, 209) | hsl(240, 30%, 74%) | |
25% | #acaccd | rgb(172, 172, 205) | hsl(240, 25%, 74%) | |
20% | #afafca | rgb(175, 175, 202) | hsl(240, 20%, 74%) | |
15% | #b3b3c7 | rgb(179, 179, 199) | hsl(240, 15%, 74%) | |
10% | #b6b6c3 | rgb(182, 182, 195) | hsl(240, 10%, 74%) | |
5% | #b9b9c0 | rgb(185, 185, 192) | hsl(240, 5%, 74%) | |
2% | #bcbcbe | rgb(188, 188, 190) | hsl(240, 2%, 74%) | |
0% | #bdbdbd | rgb(189, 189, 189) | hsl(240, 0%, 74%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(240, 2%, 100%) | |
95% | #f2f2f3 | rgb(242, 242, 243) | hsl(240, 2%, 95%) | |
90% | #e5e5e6 | rgb(229, 229, 230) | hsl(240, 2%, 90%) | |
85% | #d8d8da | rgb(216, 216, 218) | hsl(240, 2%, 85%) | |
80% | #cbcbcd | rgb(203, 203, 205) | hsl(240, 2%, 80%) | |
75% | #bebec1 | rgb(190, 190, 193) | hsl(240, 2%, 75%) | |
74% | #bcbcbe | rgb(188, 188, 190) | hsl(240, 2%, 74%) | |
70% | #b1b1b4 | rgb(177, 177, 180) | hsl(240, 2%, 70%) | |
65% | #a4a4a8 | rgb(164, 164, 168) | hsl(240, 2%, 65%) | |
60% | #97979b | rgb(151, 151, 155) | hsl(240, 2%, 60%) | |
55% | #8a8a8f | rgb(138, 138, 143) | hsl(240, 2%, 55%) | |
50% | #7d7d82 | rgb(125, 125, 130) | hsl(240, 2%, 50%) | |
45% | #707075 | rgb(112, 112, 117) | hsl(240, 2%, 45%) | |
40% | #646468 | rgb(100, 100, 104) | hsl(240, 2%, 40%) | |
35% | #57575b | rgb(87, 87, 91) | hsl(240, 2%, 35%) | |
30% | #4b4b4e | rgb(75, 75, 78) | hsl(240, 2%, 30%) | |
25% | #3e3e41 | rgb(62, 62, 65) | hsl(240, 2%, 25%) | |
20% | #323234 | rgb(50, 50, 52) | hsl(240, 2%, 20%) | |
15% | #252527 | rgb(37, 37, 39) | hsl(240, 2%, 15%) | |
10% | #19191a | rgb(25, 25, 26) | hsl(240, 2%, 10%) | |
5% | #0c0c0d | rgb(12, 12, 13) | hsl(240, 2%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(240, 2%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
188 | 188 | 190 |
rgb(188, 188, 190)
#bcbcbe
#bcbcbe