#842816#842816

#842816 is a dark, vivid red. Relative luminance 0.065; OKLCH L 41.6% C 0.129 H 33.0°. Best body text is #FFFFFF at 9.15:1 contrast (WCAG AA passes).

Color values

HEX#842816
RGBrgb(132, 40, 22)
HSLhsl(10, 71%, 30%)
HSVhsv(10, 83%, 52%)
CMYKcmyk(0%, 69.7%, 83.3%, 48.2%)
CIE-LABlab(30.60, 38.45, 32.81)
CIE-LCHlch(30.60, 50.55, 40.48°)
OKLaboklab(41.64% 0.1085 0.0706)
OKLCHoklch(41.64% 0.129 33)
XYZxyz(10.4205, 6.4826, 1.4615)
Luminance0.0648 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#842816 #167284
analogous
#84163B #842816 #845F16
triadic
#842816 #168428 #281684
tetradic
#842816 #3B8416 #167284 #5F1684
square
#842816 #3B8416 #167284 #5F1684
split-complementary
#842816 #16845F #163B84
monochromatic
#1B0805 #50180D #842816 #B8381F #DE5237

Accessibility & contrast

On white

9.15
#842816 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.30
#842816 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #842816
9.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##842816#FFFFFF#000000##FFFFFF
##8428161.009.152.309.15
#FFFFFF9.151.0021.001.00
#0000002.3021.001.0021.00
##FFFFFF9.151.0021.001.00

Color blindness preview

Protanopia (red-blind)
#433B13
Deuteranopia (green-blind)
#5A5012
Tritanopia (blue-blind)
#920925
Achromatopsia (no color)
#484848

Design tokens & code

CSS
--color: #842816;
/* rgb */ color: rgb(132, 40, 22);
/* oklch */ color: oklch(41.6% 0.129 33.0);
Tailwind
colors: {
  custom: {
    50: '#b06755',
    500: '#842816',
    950: '#000000',
  },
}
SCSS
$custom: #842816;
$custom-light: #b06755;
$custom-dark: #000000;
JSON
{
  "hex": "#842816",
  "rgb": {
    "r": 132,
    "g": 40,
    "b": 22
  },
  "hsl": {
    "h": 9.818,
    "s": 71.429,
    "l": 30.196
  },
  "oklch": {
    "l": 0.41638,
    "c": 0.12944,
    "h": 33
  },
  "luminance": 0.06481
}

Semantic roles & 50–950 ramp

primary
#842816
secondary
#3DA4B8
accent
#D1EE3A
background
#FBF6F5
surface
#F6EBE8
border
#D0C6C4
text
#120603
muted
#817A78

Preview Lab

Preview with #842816

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

Preview Lab → · Contrast checker → · Palette generator →

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