#524850#524850

#524850 is a dark, near-neutral grey. Relative luminance 0.070; OKLCH L 41.5% C 0.019 H 332.6°. Best body text is #FFFFFF at 8.74:1 contrast (WCAG AA passes).

Color values

HEX	#524850
RGB	rgb(82, 72, 80)
HSL	hsl(312, 6%, 30%)
HSV	hsv(312, 12%, 32%)
CMYK	cmyk(0%, 12.2%, 2.4%, 67.8%)
CIE-LAB	lab(31.82, 5.86, -3.22)
CIE-LCH	lch(31.82, 6.68, 331.22°)
OKLab	oklab(41.45% 0.0165 -0.0085)
OKLCH	oklch(41.45% 0.019 332.6)
XYZ	xyz(7.2448, 7.0079, 8.5589)
Luminance	0.0701 (WCAG relative)
Temperature	neutral
Family	grey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#524850 #48524A

analogous

#4F4852 #524850 #52484B

triadic

#524850 #505248 #485052

tetradic

#524850 #524F48 #48524A #484B52

square

#524850 #524F48 #48524A #484B52

split-complementary

#524850 #4B5248 #48524F

monochromatic

#110F10 #312B30 #524850 #736570 #92838F

Accessibility & contrast

On white

8.74

#524850 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.40

#524850 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #524850

8.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##524850	#FFFFFF	#000000	##FFFFFF
##524850	1.00	8.74	2.40	8.74
#FFFFFF	8.74	1.00	21.00	1.00
#000000	2.40	21.00	1.00	21.00
##FFFFFF	8.74	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#484A50

Deuteranopia (green-blind)

#4A4B50

Tritanopia (blue-blind)

#53484B

Achromatopsia (no color)

#4B4B4B

Design tokens & code

CSS

--color: #524850;
/* rgb */ color: rgb(82, 72, 80);
/* oklch */ color: oklch(41.5% 0.019 332.6);

Tailwind

colors: {
  custom: {
    50: '#827b81',
    500: '#524850',
    950: '#000000',
  },
}

SCSS

$custom: #524850;
$custom-light: #827b81;
$custom-dark: #000000;

JSON

{
  "hex": "#524850",
  "rgb": {
    "r": 82,
    "g": 72,
    "b": 80
  },
  "hsl": {
    "h": 312,
    "s": 6.494,
    "l": 30.196
  },
  "oklch": {
    "l": 0.41451,
    "c": 0.01854,
    "h": 332.6
  },
  "luminance": 0.07008
}

Semantic roles & 50–950 ramp

primary

#524850

secondary

#758078

accent

#B08378

background

#F7F7F7

surface

#EEEDEE

border

#C9C8C9

text

#0A090A

muted

#7C7B7C

Preview Lab

Preview with #524850

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

Preview Lab → · Contrast checker → · Palette generator →