#391920#391920

#391920 is a dark, muted red. Relative luminance 0.017; OKLCH L 26.2% C 0.051 H 7.4°. Best body text is #FFFFFF at 15.74:1 contrast (WCAG AA passes).

Color values

HEX#391920
RGBrgb(57, 25, 32)
HSLhsl(347, 39%, 16%)
HSVhsv(347, 56%, 22%)
CMYKcmyk(0%, 56.1%, 43.9%, 77.6%)
CIE-LABlab(13.65, 16.74, 2.46)
CIE-LCHlch(13.65, 16.92, 8.37°)
OKLaboklab(26.21% 0.0508 0.0066)
OKLCHoklch(26.21% 0.051 7.4)
XYZxyz(2.2958, 1.6696, 1.5676)
Luminance0.0167 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#391920 #193932
analogous
#391930 #391920 #392219
triadic
#391920 #203919 #192039
tetradic
#391920 #303919 #193932 #221939
square
#391920 #303919 #193932 #221939
split-complementary
#391920 #193922 #193039
monochromatic
#15090C #15090C #391920 #642C38 #8E3E50

Accessibility & contrast

On white

15.74
#391920 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.33
#391920 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #391920
15.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##391920#FFFFFF#000000##FFFFFF
##3919201.0015.741.3315.74
#FFFFFF15.741.0021.001.00
#0000001.3321.001.0021.00
##FFFFFF15.741.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1F1F20
Deuteranopia (green-blind)
#27251F
Tritanopia (blue-blind)
#3E161C
Achromatopsia (no color)
#232323

Design tokens & code

CSS
--color: #391920;
/* rgb */ color: rgb(57, 25, 32);
/* oklch */ color: oklch(26.2% 0.051 7.4);
Tailwind
colors: {
  custom: {
    50: '#71565b',
    500: '#391920',
    950: '#000000',
  },
}
SCSS
$custom: #391920;
$custom-light: #71565b;
$custom-dark: #000000;
JSON
{
  "hex": "#391920",
  "rgb": {
    "r": 57,
    "g": 25,
    "b": 32
  },
  "hsl": {
    "h": 346.875,
    "s": 39.024,
    "l": 16.078
  },
  "oklch": {
    "l": 0.2621,
    "c": 0.05124,
    "h": 7.4
  },
  "luminance": 0.01669
}

Semantic roles & 50–950 ramp

primary
#391920
secondary
#3F6F64
accent
#CFB559
background
#F6F5F5
surface
#ECE9E9
border
#C7C5C5
text
#080304
muted
#7B7879

Preview Lab

Preview with #391920

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

Preview Lab → · Contrast checker → · Palette generator →

#391920 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva