#272425#272425

#272425 is a dark, near-neutral grey. Relative luminance 0.018; OKLCH L 26.4% C 0.005 H 355.1°. Best body text is #FFFFFF at 15.38:1 contrast (WCAG AA passes).

Color values

HEX	#272425
RGB	rgb(39, 36, 37)
HSL	hsl(340, 4%, 15%)
HSV	hsv(340, 8%, 15%)
CMYK	cmyk(0%, 7.7%, 5.1%, 84.7%)
CIE-LAB	lab(14.55, 1.63, -0.16)
CIE-LCH	lch(14.55, 1.64, 354.25°)
OKLab	oklab(26.4% 0.0048 -0.0004)
OKLCH	oklch(26.4% 0.005 355.1)
XYZ	xyz(1.8015, 1.8267, 2.0076)
Luminance	0.0183 (WCAG relative)
Temperature	neutral
Family	grey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#272425 #242726

analogous

#272427 #272425 #272524

triadic

#272425 #252724 #242527

tetradic

#272425 #272724 #242726 #252427

square

#272425 #272724 #242726 #252427

split-complementary

#272425 #242725 #242727

monochromatic

#100F0F #100F0F #272425 #474143 #675F61

Accessibility & contrast

On white

15.38

#272425 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.37

#272425 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #272425

15.38:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##272425	#FFFFFF	#000000	##FFFFFF
##272425	1.00	15.38	1.37	15.38
#FFFFFF	15.38	1.00	21.00	1.00
#000000	1.37	21.00	1.00	21.00
##FFFFFF	15.38	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#242425

Deuteranopia (green-blind)

#252525

Tritanopia (blue-blind)

#282424

Achromatopsia (no color)

#252525

Design tokens & code

CSS

--color: #272425;
/* rgb */ color: rgb(39, 36, 37);
/* oklch */ color: oklch(26.4% 0.005 355.1);

Tailwind

colors: {
  custom: {
    50: '#615e5f',
    500: '#272425',
    950: '#000000',
  },
}

SCSS

$custom: #272425;
$custom-light: #615e5f;
$custom-dark: #000000;

JSON

{
  "hex": "#272425",
  "rgb": {
    "r": 39,
    "g": 36,
    "b": 37
  },
  "hsl": {
    "h": 340,
    "s": 4,
    "l": 14.706
  },
  "oklch": {
    "l": 0.26398,
    "c": 0.00482,
    "h": 355.1
  },
  "luminance": 0.01827
}

Semantic roles & 50–950 ramp

primary

#272425

secondary

#515654

accent

#AD9C7B

background

#F5F5F5

surface

#E9E9E9

border

#C5C5C5

text

#050404

muted

#797979

Preview Lab

Preview with #272425

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

Preview Lab → · Contrast checker → · Palette generator →