#586266#586266

#586266 is a mid, near-neutral grey. Relative luminance 0.118; OKLCH L 48.9% C 0.014 H 223.7°. Best body text is #FFFFFF at 6.26:1 contrast (WCAG AA passes).

Color values

HEX	#586266
RGB	rgb(88, 98, 102)
HSL	hsl(197, 7%, 37%)
HSV	hsv(197, 14%, 40%)
CMYK	cmyk(13.7%, 3.9%, 0%, 60%)
CIE-LAB	lab(40.85, -2.93, -3.58)
CIE-LCH	lch(40.85, 4.63, 230.72°)
OKLab	oklab(48.89% -0.0101 -0.0096)
OKLCH	oklch(48.89% 0.014 223.7)
XYZ	xyz(10.7899, 11.7692, 14.2710)
Luminance	0.1177 (WCAG relative)
Temperature	neutral
Family	grey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#586266 #665C58

analogous

#586663 #586266 #585B66

triadic

#586266 #665862 #626658

tetradic

#586266 #635866 #665C58 #5B6658

square

#586266 #635866 #665C58 #5B6658

split-complementary

#586266 #66585B #666358

monochromatic

#1F2324 #3C4245 #586266 #748287 #959FA3

Accessibility & contrast

On white

6.26

#586266 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.35

#586266 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #586266

6.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##586266	#FFFFFF	#000000	##FFFFFF
##586266	1.00	6.26	3.35	6.26
#FFFFFF	6.26	1.00	21.00	1.00
#000000	3.35	21.00	1.00	21.00
##FFFFFF	6.26	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#606166

Deuteranopia (green-blind)

#5D6066

Tritanopia (blue-blind)

#546363

Achromatopsia (no color)

#606060

Design tokens & code

CSS

--color: #586266;
/* rgb */ color: rgb(88, 98, 102);
/* oklch */ color: oklch(48.9% 0.014 223.7);

Tailwind

colors: {
  custom: {
    50: '#878e91',
    500: '#586266',
    950: '#000000',
  },
}

SCSS

$custom: #586266;
$custom-light: #878e91;
$custom-dark: #000000;

JSON

{
  "hex": "#586266",
  "rgb": {
    "r": 88,
    "g": 98,
    "b": 102
  },
  "hsl": {
    "h": 197.143,
    "s": 7.368,
    "l": 37.255
  },
  "oklch": {
    "l": 0.48893,
    "c": 0.01396,
    "h": 223.7
  },
  "luminance": 0.11769
}

Semantic roles & 50–950 ramp

primary

#586266

secondary

#938A87

accent

#8877B0

background

#F8F8F8

surface

#EFF0F0

border

#CACBCB

text

#0B0C0C

muted

#7C7D7D

Preview Lab

Preview with #586266

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →