#424C44#424C44

#424C44 is a dark, near-neutral grey. Relative luminance 0.067; OKLCH L 40.5% C 0.018 H 151.3°. Best body text is #FFFFFF at 8.94:1 contrast (WCAG AA passes).

Color values

HEX	#424C44
RGB	rgb(66, 76, 68)
HSL	hsl(132, 7%, 28%)
HSV	hsv(132, 13%, 30%)
CMYK	cmyk(13.2%, 0%, 10.5%, 70.2%)
CIE-LAB	lab(31.22, -5.84, 3.41)
CIE-LCH	lch(31.22, 6.76, 149.74°)
OKLab	oklab(40.49% -0.0162 0.0089)
OKLCH	oklch(40.49% 0.018 151.3)
XYZ	xyz(5.8744, 6.7444, 6.4600)
Luminance	0.0674 (WCAG relative)
Temperature	neutral
Family	grey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#424C44 #4C424A

analogous

#454C42 #424C44 #424C49

triadic

#424C44 #44424C #4C4442

tetradic

#424C44 #42454C #4C424A #4C4942

square

#424C44 #42454C #4C424A #4C4942

split-complementary

#424C44 #49424C #4C4245

monochromatic

#0E100F #262B27 #424C44 #5E6D61 #7C8D7F

Accessibility & contrast

On white

8.94

#424C44 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.35

#424C44 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #424C44

8.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##424C44	#FFFFFF	#000000	##FFFFFF
##424C44	1.00	8.94	2.35	8.94
#FFFFFF	8.94	1.00	21.00	1.00
#000000	2.35	21.00	1.00	21.00
##FFFFFF	8.94	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#4C4A44

Deuteranopia (green-blind)

#4A4944

Tritanopia (blue-blind)

#414C4A

Achromatopsia (no color)

#494949

Design tokens & code

CSS

--color: #424c44;
/* rgb */ color: rgb(66, 76, 68);
/* oklch */ color: oklch(40.5% 0.018 151.3);

Tailwind

colors: {
  custom: {
    50: '#767e77',
    500: '#424c44',
    950: '#000000',
  },
}

SCSS

$custom: #424c44;
$custom-light: #767e77;
$custom-dark: #000000;

JSON

{
  "hex": "#424c44",
  "rgb": {
    "r": 66,
    "g": 76,
    "b": 68
  },
  "hsl": {
    "h": 132,
    "s": 7.042,
    "l": 27.843
  },
  "oklch": {
    "l": 0.40491,
    "c": 0.01846,
    "h": 151.3
  },
  "luminance": 0.06744
}

Semantic roles & 50–950 ramp

primary

#424C44

secondary

#7B6F78

accent

#78A5B0

background

#F7F7F7

surface

#EDEEED

border

#C8C9C8

text

#080908

muted

#7B7B7B

Preview Lab

Preview with #424C44

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

Preview Lab → · Contrast checker → · Palette generator →