HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#9896a4
rgb(152, 150, 164)
hsl(249, 7%, 62%)
Lighter / Darker:
100% | #ffffff | |
95% | #f2f1f3 | |
90% | #e4e4e7 | |
85% | #d7d6db | |
80% | #cac8d0 | |
75% | #bcbbc4 | |
70% | #afadb8 | |
65% | #a1a0ac | |
62% | #9896a4 | |
60% | #9492a0 | |
55% | #878494 | |
50% | #797788 | |
45% | #6d6b7b | |
40% | #615f6d | |
35% | #55535f | |
30% | #494752 | |
25% | #3d3b44 | |
20% | #312f37 | |
15% | #242429 | |
10% | #18181b | |
5% | #0c0c0e | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #a59797 | rgb(165, 151, 151) | hsl(0, 7%, 62%) | |
15 | #a59b97 | rgb(165, 155, 151) | hsl(15, 7%, 62%) | |
30 | #a59e97 | rgb(165, 158, 151) | hsl(30, 7%, 62%) | |
45 | #a5a197 | rgb(165, 161, 151) | hsl(45, 7%, 62%) | |
60 | #a5a597 | rgb(165, 165, 151) | hsl(60, 7%, 62%) | |
75 | #a1a597 | rgb(161, 165, 151) | hsl(75, 7%, 62%) | |
90 | #9ea597 | rgb(158, 165, 151) | hsl(90, 7%, 62%) | |
105 | #9ba597 | rgb(155, 165, 151) | hsl(105, 7%, 62%) | |
120 | #97a597 | rgb(151, 165, 151) | hsl(120, 7%, 62%) | |
135 | #97a59b | rgb(151, 165, 155) | hsl(135, 7%, 62%) | |
150 | #97a59e | rgb(151, 165, 158) | hsl(150, 7%, 62%) | |
165 | #97a5a1 | rgb(151, 165, 161) | hsl(165, 7%, 62%) | |
180 | #97a5a5 | rgb(151, 165, 165) | hsl(180, 7%, 62%) | |
195 | #97a1a5 | rgb(151, 161, 165) | hsl(195, 7%, 62%) | |
210 | #979ea5 | rgb(151, 158, 165) | hsl(210, 7%, 62%) | |
225 | #979ba5 | rgb(151, 155, 165) | hsl(225, 7%, 62%) | |
240 | #9797a5 | rgb(151, 151, 165) | hsl(240, 7%, 62%) | |
249 | #9896a4 | rgb(152, 150, 164) | hsl(249, 7%, 62%) | |
255 | #9b97a5 | rgb(155, 151, 165) | hsl(255, 7%, 62%) | |
270 | #9e97a5 | rgb(158, 151, 165) | hsl(270, 7%, 62%) | |
285 | #a197a5 | rgb(161, 151, 165) | hsl(285, 7%, 62%) | |
300 | #a597a5 | rgb(165, 151, 165) | hsl(300, 7%, 62%) | |
315 | #a597a1 | rgb(165, 151, 161) | hsl(315, 7%, 62%) | |
330 | #a5979e | rgb(165, 151, 158) | hsl(330, 7%, 62%) | |
345 | #a5979b | rgb(165, 151, 155) | hsl(345, 7%, 62%) | |
360 | #a59797 | rgb(165, 151, 151) | hsl(0, 7%, 62%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #5a3dff | rgb(90, 61, 255) | hsl(249, 100%, 62%) | |
95% | #5e42fa | rgb(94, 66, 250) | hsl(249, 95%, 62%) | |
90% | #6147f5 | rgb(97, 71, 245) | hsl(249, 90%, 62%) | |
85% | #644cf0 | rgb(100, 76, 240) | hsl(249, 85%, 62%) | |
80% | #6851ec | rgb(104, 81, 236) | hsl(249, 80%, 62%) | |
75% | #6b55e7 | rgb(107, 85, 231) | hsl(249, 75%, 62%) | |
70% | #6f5ae2 | rgb(111, 90, 226) | hsl(249, 70%, 62%) | |
65% | #725fdd | rgb(114, 95, 221) | hsl(249, 65%, 62%) | |
60% | #7564d8 | rgb(117, 100, 216) | hsl(249, 60%, 62%) | |
55% | #7969d3 | rgb(121, 105, 211) | hsl(249, 55%, 62%) | |
50% | #7c6ecf | rgb(124, 110, 207) | hsl(249, 50%, 62%) | |
45% | #8072ca | rgb(128, 114, 202) | hsl(249, 45%, 62%) | |
40% | #8377c5 | rgb(131, 119, 197) | hsl(249, 40%, 62%) | |
35% | #867cc0 | rgb(134, 124, 192) | hsl(249, 35%, 62%) | |
30% | #8a81bb | rgb(138, 129, 187) | hsl(249, 30%, 62%) | |
25% | #8d86b6 | rgb(141, 134, 182) | hsl(249, 25%, 62%) | |
20% | #918bb1 | rgb(145, 139, 177) | hsl(249, 20%, 62%) | |
15% | #9490ad | rgb(148, 144, 173) | hsl(249, 15%, 62%) | |
10% | #9794a8 | rgb(151, 148, 168) | hsl(249, 10%, 62%) | |
7% | #9896a4 | rgb(152, 150, 164) | hsl(249, 7%, 62%) | |
5% | #9b99a3 | rgb(155, 153, 163) | hsl(249, 5%, 62%) | |
0% | #9e9e9e | rgb(158, 158, 158) | hsl(249, 0%, 62%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(249, 7%, 100%) | |
95% | #f2f1f3 | rgb(242, 241, 243) | hsl(249, 7%, 95%) | |
90% | #e4e4e7 | rgb(228, 228, 231) | hsl(249, 7%, 90%) | |
85% | #d7d6db | rgb(215, 214, 219) | hsl(249, 7%, 85%) | |
80% | #cac8d0 | rgb(202, 200, 208) | hsl(249, 7%, 80%) | |
75% | #bcbbc4 | rgb(188, 187, 196) | hsl(249, 7%, 75%) | |
70% | #afadb8 | rgb(175, 173, 184) | hsl(249, 7%, 70%) | |
65% | #a1a0ac | rgb(161, 160, 172) | hsl(249, 7%, 65%) | |
62% | #9896a4 | rgb(152, 150, 164) | hsl(249, 7%, 62%) | |
60% | #9492a0 | rgb(148, 146, 160) | hsl(249, 7%, 60%) | |
55% | #878494 | rgb(135, 132, 148) | hsl(249, 7%, 55%) | |
50% | #797788 | rgb(121, 119, 136) | hsl(249, 7%, 50%) | |
45% | #6d6b7b | rgb(109, 107, 123) | hsl(249, 7%, 45%) | |
40% | #615f6d | rgb(97, 95, 109) | hsl(249, 7%, 40%) | |
35% | #55535f | rgb(85, 83, 95) | hsl(249, 7%, 35%) | |
30% | #494752 | rgb(73, 71, 82) | hsl(249, 7%, 30%) | |
25% | #3d3b44 | rgb(61, 59, 68) | hsl(249, 7%, 25%) | |
20% | #312f37 | rgb(49, 47, 55) | hsl(249, 7%, 20%) | |
15% | #242429 | rgb(36, 36, 41) | hsl(249, 7%, 15%) | |
10% | #18181b | rgb(24, 24, 27) | hsl(249, 7%, 10%) | |
5% | #0c0c0e | rgb(12, 12, 14) | hsl(249, 7%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(249, 7%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
152 | 150 | 164 |
rgb(152, 150, 164)
#9896a4
#9896a4