#7F8C8D Color (Hex and RGB)
#7F8C8D
#7f8c8d has RGB values (127, 140, 141). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #7F8C8D | R7FG8CB8D | |
| RGB | rgb(127 140 141) | R127G140B141 | |
| HSL | hsl(184 6% 53%) | H184°S6%L53% | |
| OKLCH | oklch(63% 0.02 202) | L0.63C0.02H202° | |
| HSV | hsv(184, 10%, 55%) | H184°S10%V55% | |
| CMYK | cmyk(10%, 1%, 0%, 45%) | C10%M1%Y0%K45% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01111111 | 10001100 | 10001101 |
| Octal | 177 | 214 | 215 |
| Decimal | 127 | 140 | 141 |
| Hex | 7f | 8c | 8d |
Shades & tints
Shades mix #7F8C8D with black; tints mix it with white. Click any swatch to explore it.
Shades
- #7F8C8D0%
- #7480819%
- #69747517%
- #5F686926%
- #545C5D34%
- #49515143%
- #3E454551%
- #33393959%
- #292D2D68%
- #1E212177%
- #13151585%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#7F8C8D on #FFFFFF
3.48:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#7F8C8D on #000000
6.04:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #7F8C8D
3.48:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #7F8C8D
6.04:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #7f8c8d; - Background
background-color: #7f8c8d; - CSS variable
--color-7f8c8d: #7f8c8d; - Modern CSS
color: oklch(63% 0.02 202); - SCSS
$color-7f8c8d: #7f8c8d; - Tailwind
bg-[#7f8c8d] text-[#7f8c8d] - HTML
<div style="background-color: #7f8c8d"></div>