#928E80#928E80
#928E80 is a light, muted grey. Relative luminance 0.270; OKLCH L 64.6% C 0.021 H 93.8°. Best body text is #000000 at 6.40:1 contrast (WCAG AA passes).
Color values
| HEX | #928E80 |
|---|---|
| RGB | rgb(146, 142, 128) |
| HSL | hsl(47, 8%, 54%) |
| HSV | hsv(47, 12%, 57%) |
| CMYK | cmyk(0%, 2.7%, 12.3%, 42.7%) |
| CIE-LAB | lab(58.99, -1.07, 7.99) |
| CIE-LCH | lch(58.99, 8.06, 97.65°) |
| OKLab | oklab(64.61% -0.0014 0.0208) |
| OKLCH | oklch(64.61% 0.021 93.8) |
| XYZ | xyz(25.4230, 27.0158, 24.2932) |
| Luminance | 0.2702 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
Closest named colors
Grey
#929591
ΔE00 5.76
Brown Grey
#8D8468
ΔE00 6.42
Stone
#A89F91
ΔE00 6.43
Cement
#A5A391
ΔE00 6.85
Greyish
#A8A495
ΔE00 7.02
Warm Grey
#978A84
ΔE00 7.37
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#928E80 #808492
analogous
#928580 #928E80 #8D9280
triadic
#928E80 #80928E #8E8092
tetradic
#928E80 #809285 #808492 #92808D
square
#928E80 #809285 #808492 #92808D
split-complementary
#928E80 #808D92 #858092
monochromatic
#524F46 #736F62 #928E80 #AEABA1 #CBC9C2
Accessibility & contrast
On white
3.28
#928E80 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.40
#928E80 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #928E80
6.40:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##928E80 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##928E80 | 1.00 | 3.28 | 6.40 | 6.40 |
| #FFFFFF | 3.28 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.40 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.40 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#918D7F
Deuteranopia (green-blind)
#928F80
Tritanopia (blue-blind)
#958C8A
Achromatopsia (no color)
#8E8E8E
Design tokens & code
CSS
--color: #928e80; /* rgb */ color: rgb(146, 142, 128); /* oklch */ color: oklch(64.6% 0.021 93.8);
Tailwind
colors: {
custom: {
50: '#b2afa4',
500: '#928e80',
950: '#000000',
},
}SCSS
$custom: #928e80; $custom-light: #b2afa4; $custom-dark: #000000;
JSON
{
"hex": "#928e80",
"rgb": {
"r": 146,
"g": 142,
"b": 128
},
"hsl": {
"h": 46.667,
"s": 7.627,
"l": 53.725
},
"oklch": {
"l": 0.64609,
"c": 0.02085,
"h": 93.8
},
"luminance": 0.27016
}Semantic roles & 50–950 ramp
primary
#928E80
secondary
#B3B5BB
accent
#84B177
background
#FAFAFA
surface
#F5F4F4
border
#CFCECE
text
#10100F
muted
#7F7F7F