#5E160E#5E160E

#5E160E is a dark, moderate red. Relative luminance 0.030; OKLCH L 32.3% C 0.105 H 30.1°. Best body text is #FFFFFF at 13.15:1 contrast (WCAG AA passes).

Color values

HEX#5E160E
RGBrgb(94, 22, 14)
HSLhsl(6, 74%, 21%)
HSVhsv(6, 85%, 37%)
CMYKcmyk(0%, 76.6%, 85.1%, 63.1%)
CIE-LABlab(19.99, 32.01, 24.03)
CIE-LCHlch(19.99, 40.03, 36.89°)
OKLaboklab(32.25% 0.0912 0.0528)
OKLCHoklch(32.25% 0.105 30.1)
XYZxyz(4.9829, 2.9860, 0.7294)
Luminance0.0299 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5E160E #0E565E
analogous
#5E0E2E #5E160E #5E3E0E
triadic
#5E160E #0E5E16 #160E5E
tetradic
#5E160E #2E5E0E #0E565E #3E0E5E
square
#5E160E #2E5E0E #0E565E #3E0E5E
split-complementary
#5E160E #0E5E3E #0E2E5E
monochromatic
#1B0604 #290A06 #5E160E #932216 #C92F1E

Accessibility & contrast

On white

13.15
#5E160E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.60
#5E160E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #5E160E
13.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5E160E#FFFFFF#000000##FFFFFF
##5E160E1.0013.151.6013.15
#FFFFFF13.151.0021.001.00
#0000001.6021.001.0021.00
##FFFFFF13.151.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2B260C
Deuteranopia (green-blind)
#3D360B
Tritanopia (blue-blind)
#680015
Achromatopsia (no color)
#303030

Design tokens & code

CSS
--color: #5e160e;
/* rgb */ color: rgb(94, 22, 14);
/* oklch */ color: oklch(32.3% 0.105 30.1);
Tailwind
colors: {
  custom: {
    50: '#93594d',
    500: '#5e160e',
    950: '#000000',
  },
}
SCSS
$custom: #5e160e;
$custom-light: #93594d;
$custom-dark: #000000;
JSON
{
  "hex": "#5e160e",
  "rgb": {
    "r": 94,
    "g": 22,
    "b": 14
  },
  "hsl": {
    "h": 6,
    "s": 74.074,
    "l": 21.176
  },
  "oklch": {
    "l": 0.32251,
    "c": 0.10536,
    "h": 30.1
  },
  "luminance": 0.02985
}

Semantic roles & 50–950 ramp

primary
#5E160E
secondary
#308D98
accent
#DEF137
background
#F9F5F4
surface
#F2E9E7
border
#CCC5C3
text
#0E0401
muted
#7E7977

Preview Lab

Preview with #5E160E

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

Preview Lab → · Contrast checker → · Palette generator →

#5E160E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva