#7C878E Color (Hex and RGB)
#7C878E
#7c878e has RGB values (124, 135, 142). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #7C878E | R7CG87B8E | |
| RGB | rgb(124 135 142) | R124G135B142 | |
| HSL | hsl(203 7% 52%) | H203°S7%L52% | |
| OKLCH | oklch(62% 0.02 236) | L0.62C0.02H236° | |
| HSV | hsv(203, 13%, 56%) | H203°S13%V56% | |
| CMYK | cmyk(13%, 5%, 0%, 44%) | C13%M5%Y0%K44% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01111100 | 10000111 | 10001110 |
| Octal | 174 | 207 | 216 |
| Decimal | 124 | 135 | 142 |
| Hex | 7c | 87 | 8e |
Shades & tints
Shades mix #7C878E with black; tints mix it with white. Click any swatch to explore it.
Shades
- #7C878E0%
- #717C829%
- #67707617%
- #5C656A26%
- #52595E34%
- #474E5243%
- #3D424651%
- #32373A59%
- #282B2D68%
- #1D202177%
- #13141585%
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
#7C878E on #FFFFFF
3.68:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#7C878E on #000000
5.71:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #7C878E
3.68:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #7C878E
5.71:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #7c878e; - Background
background-color: #7c878e; - CSS variable
--color-7c878e: #7c878e; - Modern CSS
color: oklch(62% 0.02 236); - SCSS
$color-7c878e: #7c878e; - Tailwind
bg-[#7c878e] text-[#7c878e] - HTML
<div style="background-color: #7c878e"></div>