HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#b4b7ba
rgb(180, 183, 186)
hsl(210, 4%, 72%)
Lighter / Darker:
100% | #ffffff | |
95% | #f2f2f3 | |
90% | #e4e6e7 | |
85% | #d7d9da | |
80% | #caccce | |
75% | #bdbfc2 | |
72% | #b4b7ba | |
70% | #afb3b6 | |
65% | #a2a6a9 | |
60% | #95999d | |
55% | #888c91 | |
50% | #7a8085 | |
45% | #6e7377 | |
40% | #62666a | |
35% | #56595d | |
30% | #494d50 | |
25% | #3d4042 | |
20% | #313335 | |
15% | #252628 | |
10% | #181a1b | |
5% | #0c0d0d | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #bab5b5 | rgb(186, 181, 181) | hsl(0, 4%, 72%) | |
15 | #bab6b5 | rgb(186, 182, 181) | hsl(15, 4%, 72%) | |
30 | #bab8b5 | rgb(186, 184, 181) | hsl(30, 4%, 72%) | |
45 | #bab9b5 | rgb(186, 185, 181) | hsl(45, 4%, 72%) | |
60 | #babab5 | rgb(186, 186, 181) | hsl(60, 4%, 72%) | |
75 | #b9bab5 | rgb(185, 186, 181) | hsl(75, 4%, 72%) | |
90 | #b8bab5 | rgb(184, 186, 181) | hsl(90, 4%, 72%) | |
105 | #b6bab5 | rgb(182, 186, 181) | hsl(105, 4%, 72%) | |
120 | #b5bab5 | rgb(181, 186, 181) | hsl(120, 4%, 72%) | |
135 | #b5bab6 | rgb(181, 186, 182) | hsl(135, 4%, 72%) | |
150 | #b5bab8 | rgb(181, 186, 184) | hsl(150, 4%, 72%) | |
165 | #b5bab9 | rgb(181, 186, 185) | hsl(165, 4%, 72%) | |
180 | #b5baba | rgb(181, 186, 186) | hsl(180, 4%, 72%) | |
195 | #b5b9ba | rgb(181, 185, 186) | hsl(195, 4%, 72%) | |
210 | #b4b7ba | rgb(180, 183, 186) | hsl(210, 4%, 72%) | |
225 | #b5b6ba | rgb(181, 182, 186) | hsl(225, 4%, 72%) | |
240 | #b5b5ba | rgb(181, 181, 186) | hsl(240, 4%, 72%) | |
255 | #b6b5ba | rgb(182, 181, 186) | hsl(255, 4%, 72%) | |
270 | #b8b5ba | rgb(184, 181, 186) | hsl(270, 4%, 72%) | |
285 | #b9b5ba | rgb(185, 181, 186) | hsl(285, 4%, 72%) | |
300 | #bab5ba | rgb(186, 181, 186) | hsl(300, 4%, 72%) | |
315 | #bab5b9 | rgb(186, 181, 185) | hsl(315, 4%, 72%) | |
330 | #bab5b8 | rgb(186, 181, 184) | hsl(330, 4%, 72%) | |
345 | #bab5b6 | rgb(186, 181, 182) | hsl(345, 4%, 72%) | |
360 | #bab5b5 | rgb(186, 181, 181) | hsl(0, 4%, 72%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #70b8ff | rgb(112, 184, 255) | hsl(210, 100%, 72%) | |
95% | #74b8fb | rgb(116, 184, 251) | hsl(210, 95%, 72%) | |
90% | #77b8f8 | rgb(119, 184, 248) | hsl(210, 90%, 72%) | |
85% | #7bb8f4 | rgb(123, 184, 244) | hsl(210, 85%, 72%) | |
80% | #7eb8f1 | rgb(126, 184, 241) | hsl(210, 80%, 72%) | |
75% | #82b8ed | rgb(130, 184, 237) | hsl(210, 75%, 72%) | |
70% | #86b8ea | rgb(134, 184, 234) | hsl(210, 70%, 72%) | |
65% | #89b8e6 | rgb(137, 184, 230) | hsl(210, 65%, 72%) | |
60% | #8db8e2 | rgb(141, 184, 226) | hsl(210, 60%, 72%) | |
55% | #90b8df | rgb(144, 184, 223) | hsl(210, 55%, 72%) | |
50% | #94b8db | rgb(148, 184, 219) | hsl(210, 50%, 72%) | |
45% | #97b8d8 | rgb(151, 184, 216) | hsl(210, 45%, 72%) | |
40% | #9bb8d4 | rgb(155, 184, 212) | hsl(210, 40%, 72%) | |
35% | #9fb8d1 | rgb(159, 184, 209) | hsl(210, 35%, 72%) | |
30% | #a2b8cd | rgb(162, 184, 205) | hsl(210, 30%, 72%) | |
25% | #a6b8c9 | rgb(166, 184, 201) | hsl(210, 25%, 72%) | |
20% | #a9b8c6 | rgb(169, 184, 198) | hsl(210, 20%, 72%) | |
15% | #adb8c2 | rgb(173, 184, 194) | hsl(210, 15%, 72%) | |
10% | #b0b8bf | rgb(176, 184, 191) | hsl(210, 10%, 72%) | |
5% | #b4b8bb | rgb(180, 184, 187) | hsl(210, 5%, 72%) | |
4% | #b4b7ba | rgb(180, 183, 186) | hsl(210, 4%, 72%) | |
0% | #b8b8b8 | rgb(184, 184, 184) | hsl(210, 0%, 72%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(210, 4%, 100%) | |
95% | #f2f2f3 | rgb(242, 242, 243) | hsl(210, 4%, 95%) | |
90% | #e4e6e7 | rgb(228, 230, 231) | hsl(210, 4%, 90%) | |
85% | #d7d9da | rgb(215, 217, 218) | hsl(210, 4%, 85%) | |
80% | #caccce | rgb(202, 204, 206) | hsl(210, 4%, 80%) | |
75% | #bdbfc2 | rgb(189, 191, 194) | hsl(210, 4%, 75%) | |
72% | #b4b7ba | rgb(180, 183, 186) | hsl(210, 4%, 72%) | |
70% | #afb3b6 | rgb(175, 179, 182) | hsl(210, 4%, 70%) | |
65% | #a2a6a9 | rgb(162, 166, 169) | hsl(210, 4%, 65%) | |
60% | #95999d | rgb(149, 153, 157) | hsl(210, 4%, 60%) | |
55% | #888c91 | rgb(136, 140, 145) | hsl(210, 4%, 55%) | |
50% | #7a8085 | rgb(122, 128, 133) | hsl(210, 4%, 50%) | |
45% | #6e7377 | rgb(110, 115, 119) | hsl(210, 4%, 45%) | |
40% | #62666a | rgb(98, 102, 106) | hsl(210, 4%, 40%) | |
35% | #56595d | rgb(86, 89, 93) | hsl(210, 4%, 35%) | |
30% | #494d50 | rgb(73, 77, 80) | hsl(210, 4%, 30%) | |
25% | #3d4042 | rgb(61, 64, 66) | hsl(210, 4%, 25%) | |
20% | #313335 | rgb(49, 51, 53) | hsl(210, 4%, 20%) | |
15% | #252628 | rgb(37, 38, 40) | hsl(210, 4%, 15%) | |
10% | #181a1b | rgb(24, 26, 27) | hsl(210, 4%, 10%) | |
5% | #0c0d0d | rgb(12, 13, 13) | hsl(210, 4%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(210, 4%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
180 | 183 | 186 |
rgb(180, 183, 186)
#b4b7ba
#b4b7ba