#4C4C4C Color (Hex and RGB)
#4C4C4C
#4c4c4c has RGB values (76, 76, 76). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #4C4C4C | R4CG4CB4C | |
| RGB | rgb(76 76 76) | R76G76B76 | |
| HSL | hsl(0 0% 30%) | H0°S0%L30% | |
| OKLCH | oklch(42% 0 90) | L0.42C0H90° | |
| HSV | hsv(0, 0%, 30%) | H0°S0%V30% | |
| CMYK | cmyk(0%, 0%, 0%, 70%) | C0%M0%Y0%K70% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01001100 | 01001100 | 01001100 |
| Octal | 114 | 114 | 114 |
| Decimal | 76 | 76 | 76 |
| Hex | 4c | 4c | 4c |
Shades & tints
Shades mix #4C4C4C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #4C4C4C0%
- #4646469%
- #3F3F3F17%
- #39393926%
- #32323234%
- #2C2C2C43%
- #25252551%
- #1F1F1F59%
- #18181868%
- #12121277%
- #0B0B0B85%
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
#4C4C4C on #FFFFFF
8.59:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#4C4C4C on #000000
2.45:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #4C4C4C
8.59:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #4C4C4C
2.45:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #4c4c4c; - Background
background-color: #4c4c4c; - CSS variable
--color-4c4c4c: #4c4c4c; - Modern CSS
color: oklch(42% 0 90); - SCSS
$color-4c4c4c: #4c4c4c; - Tailwind
bg-[#4c4c4c] text-[#4c4c4c] - HTML
<div style="background-color: #4c4c4c"></div>