#565B53#565B53
#565B53 is a mid, near-neutral grey. Relative luminance 0.101; OKLCH L 46.4% C 0.014 H 133.5°. Best body text is #FFFFFF at 6.96:1 contrast (WCAG AA passes).
Color values
| HEX | #565B53 |
|---|---|
| RGB | rgb(86, 91, 83) |
| HSL | hsl(98, 5%, 34%) |
| HSV | hsv(98, 9%, 36%) |
| CMYK | cmyk(5.5%, 0%, 8.8%, 64.3%) |
| CIE-LAB | lab(37.99, -3.66, 3.93) |
| CIE-LCH | lch(37.99, 5.38, 132.97°) |
| OKLab | oklab(46.41% -0.0097 0.0103) |
| OKLCH | oklch(46.41% 0.014 133.5) |
| XYZ | xyz(9.1399, 10.0851, 9.6470) |
| Luminance | 0.1008 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
Closest named colors
Gunmetal (survey)
#536267
ΔE00 8.17
Dimgray
#696969
ΔE00 8.21
Slate Grey
#59656D
ΔE00 9.85
Charcoal Grey
#3C4142
ΔE00 10.15
Darkslategray
#2F4F4F
ΔE00 11.64
Charcoal (survey)
#343837
ΔE00 12.25
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#565B53 #58535B
analogous
#5A5B53 #565B53 #535B54
triadic
#565B53 #53565B #5B5356
tetradic
#565B53 #535A5B #58535B #5B5453
square
#565B53 #535A5B #58535B #5B5453
split-complementary
#565B53 #54535B #5B535A
monochromatic
#1A1B19 #383B36 #565B53 #747B70 #93998F
Accessibility & contrast
On white
6.96
#565B53 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.02
#565B53 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #565B53
6.96:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##565B53 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##565B53 | 1.00 | 6.96 | 3.02 | 6.96 |
| #FFFFFF | 6.96 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.02 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.96 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5C5A53
Deuteranopia (green-blind)
#5B5953
Tritanopia (blue-blind)
#565A59
Achromatopsia (no color)
#595959
Design tokens & code
CSS
--color: #565b53; /* rgb */ color: rgb(86, 91, 83); /* oklch */ color: oklch(46.4% 0.014 133.5);
Tailwind
colors: {
custom: {
50: '#858983',
500: '#565b53',
950: '#000000',
},
}SCSS
$custom: #565b53; $custom-light: #858983; $custom-dark: #000000;
JSON
{
"hex": "#565b53",
"rgb": {
"r": 86,
"g": 91,
"b": 83
},
"hsl": {
"h": 97.5,
"s": 4.598,
"l": 34.118
},
"oklch": {
"l": 0.46413,
"c": 0.01416,
"h": 133.5
},
"luminance": 0.10085
}Semantic roles & 50–950 ramp
primary
#565B53
secondary
#868189
accent
#7AAE9A
background
#F8F8F8
surface
#EFF0EF
border
#CACBCA
text
#0B0B0A
muted
#7C7C7C