#91968A#91968A
#91968A is a light, near-neutral grey. Relative luminance 0.297; OKLCH L 66.5% C 0.018 H 125.4°. Best body text is #000000 at 6.93:1 contrast (WCAG AA passes).
Color values
| HEX | #91968A |
|---|---|
| RGB | rgb(145, 150, 138) |
| HSL | hsl(85, 5%, 56%) |
| HSV | hsv(85, 8%, 59%) |
| CMYK | cmyk(3.3%, 0%, 8%, 41.2%) |
| CIE-LAB | lab(61.37, -4.10, 5.70) |
| CIE-LCH | lch(61.37, 7.02, 125.73°) |
| OKLab | oklab(66.55% -0.0106 0.0149) |
| OKLCH | oklch(66.55% 0.018 125.4) |
| XYZ | xyz(27.1701, 29.6674, 28.3348) |
| Luminance | 0.2967 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
Closest named colors
Grey
#929591
ΔE00 4.14
Cement
#A5A391
ΔE00 5.86
Greyish
#A8A495
ΔE00 6.61
Stone
#A89F91
ΔE00 8.01
Pewter
#899397
ΔE00 8.33
Cool Grey
#95A3A6
ΔE00 8.83
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#91968A #8F8A96
analogous
#96958A #91968A #8B968A
triadic
#91968A #8A9196 #968A91
tetradic
#91968A #8A9695 #8F8A96 #968A8B
square
#91968A #8A9695 #8F8A96 #968A8B
split-complementary
#91968A #8A8B96 #958A96
monochromatic
#54574E #72786B #91968A #AFB3AA #CED0CB
Accessibility & contrast
On white
3.03
#91968A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.93
#91968A on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #91968A
6.93:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##91968A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##91968A | 1.00 | 3.03 | 6.93 | 6.93 |
| #FFFFFF | 3.03 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.93 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.93 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#989489
Deuteranopia (green-blind)
#97948A
Tritanopia (blue-blind)
#929592
Achromatopsia (no color)
#949494
Design tokens & code
CSS
--color: #91968a; /* rgb */ color: rgb(145, 150, 138); /* oklch */ color: oklch(66.5% 0.018 125.4);
Tailwind
colors: {
custom: {
50: '#b1b4ac',
500: '#91968a',
950: '#000000',
},
}SCSS
$custom: #91968a; $custom-light: #b1b4ac; $custom-dark: #000000;
JSON
{
"hex": "#91968a",
"rgb": {
"r": 145,
"g": 150,
"b": 138
},
"hsl": {
"h": 85,
"s": 5.405,
"l": 56.471
},
"oklch": {
"l": 0.66545,
"c": 0.01829,
"h": 125.4
},
"luminance": 0.29667
}Semantic roles & 50–950 ramp
primary
#91968A
secondary
#BDBBC0
accent
#79AF8F
background
#FAFBFA
surface
#F5F6F4
border
#CFD0CE
text
#101110
muted
#7F807F