HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#898e8c
rgb(137, 142, 140)
hsl(156, 2%, 55%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f2f3f2 | |
| 90% | #e5e6e6 | |
| 85% | #d8dad9 | |
| 80% | #cbcdcc | |
| 75% | #bec1c0 | |
| 70% | #b1b4b3 | |
| 65% | #a4a8a6 | |
| 60% | #979b99 | |
| 55% | #898e8c | |
| 50% | #7d8280 | |
| 45% | #707573 | |
| 40% | #646866 | |
| 35% | #575b5a | |
| 30% | #4b4e4d | |
| 25% | #3e4140 | |
| 20% | #323433 | |
| 15% | #252726 | |
| 10% | #191a1a | |
| 5% | #0c0d0d | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #8f8a8a | rgb(143, 138, 138) | hsl(0, 2%, 55%) | |
| 15 | #8f8b8a | rgb(143, 139, 138) | hsl(15, 2%, 55%) | |
| 30 | #8f8c8a | rgb(143, 140, 138) | hsl(30, 2%, 55%) | |
| 45 | #8f8d8a | rgb(143, 141, 138) | hsl(45, 2%, 55%) | |
| 60 | #8f8f8a | rgb(143, 143, 138) | hsl(60, 2%, 55%) | |
| 75 | #8d8f8a | rgb(141, 143, 138) | hsl(75, 2%, 55%) | |
| 90 | #8c8f8a | rgb(140, 143, 138) | hsl(90, 2%, 55%) | |
| 105 | #8b8f8a | rgb(139, 143, 138) | hsl(105, 2%, 55%) | |
| 120 | #8a8f8a | rgb(138, 143, 138) | hsl(120, 2%, 55%) | |
| 135 | #8a8f8b | rgb(138, 143, 139) | hsl(135, 2%, 55%) | |
| 150 | #8a8f8c | rgb(138, 143, 140) | hsl(150, 2%, 55%) | |
| 156 | #898e8c | rgb(137, 142, 140) | hsl(156, 2%, 55%) | |
| 165 | #8a8f8d | rgb(138, 143, 141) | hsl(165, 2%, 55%) | |
| 180 | #8a8f8f | rgb(138, 143, 143) | hsl(180, 2%, 55%) | |
| 195 | #8a8d8f | rgb(138, 141, 143) | hsl(195, 2%, 55%) | |
| 210 | #8a8c8f | rgb(138, 140, 143) | hsl(210, 2%, 55%) | |
| 225 | #8a8b8f | rgb(138, 139, 143) | hsl(225, 2%, 55%) | |
| 240 | #8a8a8f | rgb(138, 138, 143) | hsl(240, 2%, 55%) | |
| 255 | #8b8a8f | rgb(139, 138, 143) | hsl(255, 2%, 55%) | |
| 270 | #8c8a8f | rgb(140, 138, 143) | hsl(270, 2%, 55%) | |
| 285 | #8d8a8f | rgb(141, 138, 143) | hsl(285, 2%, 55%) | |
| 300 | #8f8a8f | rgb(143, 138, 143) | hsl(300, 2%, 55%) | |
| 315 | #8f8a8d | rgb(143, 138, 141) | hsl(315, 2%, 55%) | |
| 330 | #8f8a8c | rgb(143, 138, 140) | hsl(330, 2%, 55%) | |
| 345 | #8f8a8b | rgb(143, 138, 139) | hsl(345, 2%, 55%) | |
| 360 | #8f8a8a | rgb(143, 138, 138) | hsl(0, 2%, 55%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #1affa3 | rgb(26, 255, 163) | hsl(156, 100%, 55%) | |
| 95% | #1ff9a2 | rgb(31, 249, 162) | hsl(156, 95%, 55%) | |
| 90% | #25f4a1 | rgb(37, 244, 161) | hsl(156, 90%, 55%) | |
| 85% | #2beea0 | rgb(43, 238, 160) | hsl(156, 85%, 55%) | |
| 80% | #30e89f | rgb(48, 232, 159) | hsl(156, 80%, 55%) | |
| 75% | #36e29d | rgb(54, 226, 157) | hsl(156, 75%, 55%) | |
| 70% | #3cdd9c | rgb(60, 221, 156) | hsl(156, 70%, 55%) | |
| 65% | #42d79b | rgb(66, 215, 155) | hsl(156, 65%, 55%) | |
| 60% | #47d19a | rgb(71, 209, 154) | hsl(156, 60%, 55%) | |
| 55% | #4dcb99 | rgb(77, 203, 153) | hsl(156, 55%, 55%) | |
| 50% | #53c698 | rgb(83, 198, 152) | hsl(156, 50%, 55%) | |
| 45% | #59c097 | rgb(89, 192, 151) | hsl(156, 45%, 55%) | |
| 40% | #5eba95 | rgb(94, 186, 149) | hsl(156, 40%, 55%) | |
| 35% | #64b494 | rgb(100, 180, 148) | hsl(156, 35%, 55%) | |
| 30% | #6aaf93 | rgb(106, 175, 147) | hsl(156, 30%, 55%) | |
| 25% | #70a992 | rgb(112, 169, 146) | hsl(156, 25%, 55%) | |
| 20% | #75a391 | rgb(117, 163, 145) | hsl(156, 20%, 55%) | |
| 15% | #7b9d90 | rgb(123, 157, 144) | hsl(156, 15%, 55%) | |
| 10% | #81988f | rgb(129, 152, 143) | hsl(156, 10%, 55%) | |
| 5% | #87928d | rgb(135, 146, 141) | hsl(156, 5%, 55%) | |
| 2% | #898e8c | rgb(137, 142, 140) | hsl(156, 2%, 55%) | |
| 0% | #8c8c8c | rgb(140, 140, 140) | hsl(156, 0%, 55%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(156, 2%, 100%) | |
| 95% | #f2f3f2 | rgb(242, 243, 242) | hsl(156, 2%, 95%) | |
| 90% | #e5e6e6 | rgb(229, 230, 230) | hsl(156, 2%, 90%) | |
| 85% | #d8dad9 | rgb(216, 218, 217) | hsl(156, 2%, 85%) | |
| 80% | #cbcdcc | rgb(203, 205, 204) | hsl(156, 2%, 80%) | |
| 75% | #bec1c0 | rgb(190, 193, 192) | hsl(156, 2%, 75%) | |
| 70% | #b1b4b3 | rgb(177, 180, 179) | hsl(156, 2%, 70%) | |
| 65% | #a4a8a6 | rgb(164, 168, 166) | hsl(156, 2%, 65%) | |
| 60% | #979b99 | rgb(151, 155, 153) | hsl(156, 2%, 60%) | |
| 55% | #898e8c | rgb(137, 142, 140) | hsl(156, 2%, 55%) | |
| 50% | #7d8280 | rgb(125, 130, 128) | hsl(156, 2%, 50%) | |
| 45% | #707573 | rgb(112, 117, 115) | hsl(156, 2%, 45%) | |
| 40% | #646866 | rgb(100, 104, 102) | hsl(156, 2%, 40%) | |
| 35% | #575b5a | rgb(87, 91, 90) | hsl(156, 2%, 35%) | |
| 30% | #4b4e4d | rgb(75, 78, 77) | hsl(156, 2%, 30%) | |
| 25% | #3e4140 | rgb(62, 65, 64) | hsl(156, 2%, 25%) | |
| 20% | #323433 | rgb(50, 52, 51) | hsl(156, 2%, 20%) | |
| 15% | #252726 | rgb(37, 39, 38) | hsl(156, 2%, 15%) | |
| 10% | #191a1a | rgb(25, 26, 26) | hsl(156, 2%, 10%) | |
| 5% | #0c0d0d | rgb(12, 13, 13) | hsl(156, 2%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(156, 2%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 137 | 142 | 140 |
rgb(137, 142, 140)
#898e8c
#898e8c
