#94949C#94949C
#94949C is a light, near-neutral grey. Relative luminance 0.299; OKLCH L 66.9% C 0.012 H 286.1°. Best body text is #000000 at 6.98:1 contrast (WCAG AA passes).
Color values
| HEX | #94949C |
|---|---|
| RGB | rgb(148, 148, 156) |
| HSL | hsl(240, 4%, 60%) |
| HSV | hsv(240, 5%, 61%) |
| CMYK | cmyk(5.1%, 5.1%, 0%, 38.8%) |
| CIE-LAB | lab(61.55, 1.59, -4.20) |
| CIE-LCH | lch(61.55, 4.49, 290.67°) |
| OKLab | oklab(66.91% 0.0032 -0.0112) |
| OKLCH | oklch(66.91% 0.012 286.1) |
| XYZ | xyz(28.8023, 29.8759, 35.6953) |
| Luminance | 0.2988 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
Closest named colors
Pewter
#899397
ΔE00 6.18
Grey
#929591
ΔE00 7.20
Dark Gray
#A9A9A9
ΔE00 7.66
Cool Gray
#9AA7B0
ΔE00 8.01
Gray
#808080
ΔE00 8.46
Cool Grey
#95A3A6
ΔE00 8.74
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#94949C #9C9C94
analogous
#94989C #94949C #98949C
triadic
#94949C #9C9494 #949C94
tetradic
#94949C #9C9498 #9C9C94 #949C98
square
#94949C #9C9498 #9C9C94 #949C98
split-complementary
#94949C #9C9894 #989C94
monochromatic
#57575E #75757E #94949C #B4B4B9 #D4D4D7
Accessibility & contrast
On white
3.01
#94949C on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.98
#94949C on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #94949C
6.98:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##94949C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##94949C | 1.00 | 3.01 | 6.98 | 6.98 |
| #FFFFFF | 3.01 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.98 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#92959C
Deuteranopia (green-blind)
#92949C
Tritanopia (blue-blind)
#939596
Achromatopsia (no color)
#959595
Design tokens & code
CSS
--color: #94949c; /* rgb */ color: rgb(148, 148, 156); /* oklch */ color: oklch(66.9% 0.012 286.1);
Tailwind
colors: {
custom: {
50: '#b3b3b9',
500: '#94949c',
950: '#000000',
},
}SCSS
$custom: #94949c; $custom-light: #b3b3b9; $custom-dark: #000000;
JSON
{
"hex": "#94949c",
"rgb": {
"r": 148,
"g": 148,
"b": 156
},
"hsl": {
"h": 240,
"s": 3.883,
"l": 59.608
},
"oklch": {
"l": 0.66909,
"c": 0.01168,
"h": 286.1
},
"luminance": 0.29876
}Semantic roles & 50–950 ramp
primary
#94949C
secondary
#C7C7C4
accent
#AD7BAD
background
#FBFBFB
surface
#F6F6F6
border
#D0D0D0
text
#111111
muted
#808080