HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#838487
rgb(131, 132, 135)
hsl(225, 2%, 52%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f2f2f3 | |
| 90% | #e5e5e6 | |
| 85% | #d8d8da | |
| 80% | #cbcbcd | |
| 75% | #bebfc1 | |
| 70% | #b1b2b4 | |
| 65% | #a4a5a8 | |
| 60% | #97989b | |
| 55% | #8a8b8f | |
| 52% | #838487 | |
| 50% | #7d7e82 | |
| 45% | #707275 | |
| 40% | #646568 | |
| 35% | #57585b | |
| 30% | #4b4c4e | |
| 25% | #3e3f41 | |
| 20% | #323234 | |
| 15% | #252627 | |
| 10% | #19191a | |
| 5% | #0c0d0d | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #878282 | rgb(135, 130, 130) | hsl(0, 2%, 52%) | |
| 15 | #878382 | rgb(135, 131, 130) | hsl(15, 2%, 52%) | |
| 30 | #878582 | rgb(135, 133, 130) | hsl(30, 2%, 52%) | |
| 45 | #878682 | rgb(135, 134, 130) | hsl(45, 2%, 52%) | |
| 60 | #878782 | rgb(135, 135, 130) | hsl(60, 2%, 52%) | |
| 75 | #868782 | rgb(134, 135, 130) | hsl(75, 2%, 52%) | |
| 90 | #858782 | rgb(133, 135, 130) | hsl(90, 2%, 52%) | |
| 105 | #838782 | rgb(131, 135, 130) | hsl(105, 2%, 52%) | |
| 120 | #828782 | rgb(130, 135, 130) | hsl(120, 2%, 52%) | |
| 135 | #828783 | rgb(130, 135, 131) | hsl(135, 2%, 52%) | |
| 150 | #828785 | rgb(130, 135, 133) | hsl(150, 2%, 52%) | |
| 165 | #828786 | rgb(130, 135, 134) | hsl(165, 2%, 52%) | |
| 180 | #828787 | rgb(130, 135, 135) | hsl(180, 2%, 52%) | |
| 195 | #828687 | rgb(130, 134, 135) | hsl(195, 2%, 52%) | |
| 210 | #828587 | rgb(130, 133, 135) | hsl(210, 2%, 52%) | |
| 225 | #838487 | rgb(131, 132, 135) | hsl(225, 2%, 52%) | |
| 240 | #828287 | rgb(130, 130, 135) | hsl(240, 2%, 52%) | |
| 255 | #838287 | rgb(131, 130, 135) | hsl(255, 2%, 52%) | |
| 270 | #858287 | rgb(133, 130, 135) | hsl(270, 2%, 52%) | |
| 285 | #868287 | rgb(134, 130, 135) | hsl(285, 2%, 52%) | |
| 300 | #878287 | rgb(135, 130, 135) | hsl(300, 2%, 52%) | |
| 315 | #878286 | rgb(135, 130, 134) | hsl(315, 2%, 52%) | |
| 330 | #878285 | rgb(135, 130, 133) | hsl(330, 2%, 52%) | |
| 345 | #878283 | rgb(135, 130, 131) | hsl(345, 2%, 52%) | |
| 360 | #878282 | rgb(135, 130, 130) | hsl(0, 2%, 52%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #0a47ff | rgb(10, 71, 255) | hsl(225, 100%, 52%) | |
| 95% | #104af9 | rgb(16, 74, 249) | hsl(225, 95%, 52%) | |
| 90% | #164ef3 | rgb(22, 78, 243) | hsl(225, 90%, 52%) | |
| 85% | #1d51ed | rgb(29, 81, 237) | hsl(225, 85%, 52%) | |
| 80% | #2354e7 | rgb(35, 84, 231) | hsl(225, 80%, 52%) | |
| 75% | #2957e0 | rgb(41, 87, 224) | hsl(225, 75%, 52%) | |
| 70% | #2f5ada | rgb(47, 90, 218) | hsl(225, 70%, 52%) | |
| 65% | #355dd4 | rgb(53, 93, 212) | hsl(225, 65%, 52%) | |
| 60% | #3b60ce | rgb(59, 96, 206) | hsl(225, 60%, 52%) | |
| 55% | #4163c8 | rgb(65, 99, 200) | hsl(225, 55%, 52%) | |
| 50% | #4766c2 | rgb(71, 102, 194) | hsl(225, 50%, 52%) | |
| 45% | #4e69bc | rgb(78, 105, 188) | hsl(225, 45%, 52%) | |
| 40% | #546cb6 | rgb(84, 108, 182) | hsl(225, 40%, 52%) | |
| 35% | #5a6faf | rgb(90, 111, 175) | hsl(225, 35%, 52%) | |
| 30% | #6072a9 | rgb(96, 114, 169) | hsl(225, 30%, 52%) | |
| 25% | #6675a3 | rgb(102, 117, 163) | hsl(225, 25%, 52%) | |
| 20% | #6c789d | rgb(108, 120, 157) | hsl(225, 20%, 52%) | |
| 15% | #727b97 | rgb(114, 123, 151) | hsl(225, 15%, 52%) | |
| 10% | #787e91 | rgb(120, 126, 145) | hsl(225, 10%, 52%) | |
| 5% | #7e828b | rgb(126, 130, 139) | hsl(225, 5%, 52%) | |
| 2% | #838487 | rgb(131, 132, 135) | hsl(225, 2%, 52%) | |
| 0% | #858585 | rgb(133, 133, 133) | hsl(225, 0%, 52%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(225, 2%, 100%) | |
| 95% | #f2f2f3 | rgb(242, 242, 243) | hsl(225, 2%, 95%) | |
| 90% | #e5e5e6 | rgb(229, 229, 230) | hsl(225, 2%, 90%) | |
| 85% | #d8d8da | rgb(216, 216, 218) | hsl(225, 2%, 85%) | |
| 80% | #cbcbcd | rgb(203, 203, 205) | hsl(225, 2%, 80%) | |
| 75% | #bebfc1 | rgb(190, 191, 193) | hsl(225, 2%, 75%) | |
| 70% | #b1b2b4 | rgb(177, 178, 180) | hsl(225, 2%, 70%) | |
| 65% | #a4a5a8 | rgb(164, 165, 168) | hsl(225, 2%, 65%) | |
| 60% | #97989b | rgb(151, 152, 155) | hsl(225, 2%, 60%) | |
| 55% | #8a8b8f | rgb(138, 139, 143) | hsl(225, 2%, 55%) | |
| 52% | #838487 | rgb(131, 132, 135) | hsl(225, 2%, 52%) | |
| 50% | #7d7e82 | rgb(125, 126, 130) | hsl(225, 2%, 50%) | |
| 45% | #707275 | rgb(112, 114, 117) | hsl(225, 2%, 45%) | |
| 40% | #646568 | rgb(100, 101, 104) | hsl(225, 2%, 40%) | |
| 35% | #57585b | rgb(87, 88, 91) | hsl(225, 2%, 35%) | |
| 30% | #4b4c4e | rgb(75, 76, 78) | hsl(225, 2%, 30%) | |
| 25% | #3e3f41 | rgb(62, 63, 65) | hsl(225, 2%, 25%) | |
| 20% | #323234 | rgb(50, 50, 52) | hsl(225, 2%, 20%) | |
| 15% | #252627 | rgb(37, 38, 39) | hsl(225, 2%, 15%) | |
| 10% | #19191a | rgb(25, 25, 26) | hsl(225, 2%, 10%) | |
| 5% | #0c0d0d | rgb(12, 13, 13) | hsl(225, 2%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(225, 2%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 131 | 132 | 135 |
rgb(131, 132, 135)
#838487
#838487
