#535249#535249

#535249 is a dark, near-neutral grey. Relative luminance 0.084; OKLCH L 43.7% C 0.014 H 101.8°. Best body text is #FFFFFF at 7.86:1 contrast (WCAG AA passes).

Color values

HEX	#535249
RGB	rgb(83, 82, 73)
HSL	hsl(54, 6%, 31%)
HSV	hsv(54, 12%, 33%)
CMYK	cmyk(0%, 1.2%, 12%, 67.5%)
CIE-LAB	lab(34.71, -1.42, 5.43)
CIE-LCH	lch(34.71, 5.62, 104.66°)
OKLab	oklab(43.67% -0.0029 0.0141)
OKLCH	oklch(43.67% 0.014 101.8)
XYZ	xyz(7.7870, 8.3547, 7.5044)
Luminance	0.0835 (WCAG relative)
Temperature	neutral
Family	grey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#535249 #494A53

analogous

#534D49 #535249 #4F5349

triadic

#535249 #495352 #524953

tetradic

#535249 #49534D #494A53 #53494F

square

#535249 #49534D #494A53 #53494F

split-complementary

#535249 #494F53 #4D4953

monochromatic

#121210 #32322C #535249 #747266 #939184

Accessibility & contrast

On white

7.86

#535249 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.67

#535249 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #535249

7.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##535249	#FFFFFF	#000000	##FFFFFF
##535249	1.00	7.86	2.67	7.86
#FFFFFF	7.86	1.00	21.00	1.00
#000000	2.67	21.00	1.00	21.00
##FFFFFF	7.86	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#545148

Deuteranopia (green-blind)

#545249

Tritanopia (blue-blind)

#55514F

Achromatopsia (no color)

#525252

Design tokens & code

CSS

--color: #535249;
/* rgb */ color: rgb(83, 82, 73);
/* oklch */ color: oklch(43.7% 0.014 101.8);

Tailwind

colors: {
  custom: {
    50: '#83827b',
    500: '#535249',
    950: '#000000',
  },
}

SCSS

$custom: #535249;
$custom-light: #83827b;
$custom-dark: #000000;

JSON

{
  "hex": "#535249",
  "rgb": {
    "r": 83,
    "g": 82,
    "b": 73
  },
  "hsl": {
    "h": 54,
    "s": 6.41,
    "l": 30.588
  },
  "oklch": {
    "l": 0.43666,
    "c": 0.01444,
    "h": 101.8
  },
  "luminance": 0.08355
}

Semantic roles & 50–950 ramp

primary

#535249

secondary

#767781

accent

#7EAF78

background

#F8F7F7

surface

#EFEEEE

border

#CAC9C9

text

#0A0A09

muted

#7C7C7B

Preview Lab

Preview with #535249

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

Preview Lab → · Contrast checker → · Palette generator →