#39111A#39111A

#39111A is a very dark, moderate red. Relative luminance 0.013; OKLCH L 24.6% C 0.064 H 9.3°. Best body text is #FFFFFF at 16.55:1 contrast (WCAG AA passes).

Color values

HEX	#39111A
RGB	rgb(57, 17, 26)
HSL	hsl(347, 54%, 15%)
HSV	hsv(347, 70%, 22%)
CMYK	cmyk(0%, 70.2%, 54.4%, 77.6%)
CIE-LAB	lab(11.59, 20.80, 3.98)
CIE-LCH	lch(11.59, 21.18, 10.82°)
OKLab	oklab(24.6% 0.0632 0.0103)
OKLCH	oklch(24.6% 0.064 9.3)
XYZ	xyz(2.0744, 1.3456, 1.1276)
Luminance	0.0135 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#39111A #113930

analogous

#39112E #39111A #391C11

triadic

#39111A #1A3911 #111A39

tetradic

#39111A #2E3911 #113930 #1C1139

square

#39111A #2E3911 #113930 #1C1139

split-complementary

#39111A #11391C #112E39

monochromatic

#18070B #18070B #39111A #681F30 #972D45

Accessibility & contrast

On white

16.55

#39111A on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.27

#39111A on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #39111A

16.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##39111A	#FFFFFF	#000000	##FFFFFF
##39111A	1.00	16.55	1.27	16.55
#FFFFFF	16.55	1.00	21.00	1.00
#000000	1.27	21.00	1.00	21.00
##FFFFFF	16.55	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#191A1A

Deuteranopia (green-blind)

#242219

Tritanopia (blue-blind)

#3F0C14

Achromatopsia (no color)

#1F1F1F

Design tokens & code

CSS

--color: #39111a;
/* rgb */ color: rgb(57, 17, 26);
/* oklch */ color: oklch(24.6% 0.064 9.3);

Tailwind

colors: {
  custom: {
    50: '#725156',
    500: '#39111a',
    950: '#000000',
  },
}

SCSS

$custom: #39111a;
$custom-light: #725156;
$custom-dark: #000000;

JSON

{
  "hex": "#39111a",
  "rgb": {
    "r": 57,
    "g": 17,
    "b": 26
  },
  "hsl": {
    "h": 346.5,
    "s": 54.054,
    "l": 14.51
  },
  "oklch": {
    "l": 0.24599,
    "c": 0.06401,
    "h": 9.3
  },
  "luminance": 0.01345
}

Semantic roles & 50–950 ramp

primary

#39111A

secondary

#347264

accent

#DDBC4A

background

#F7F4F5

surface

#EDE7E8

border

#C8C3C4

text

#080203

muted

#7B7878

Preview Lab

Preview with #39111A

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

Preview Lab → · Contrast checker → · Palette generator →