#80292C#80292C

#80292C is a dark, vivid red. Relative luminance 0.064; OKLCH L 41.4% C 0.120 H 22.1°. Best body text is #FFFFFF at 9.25:1 contrast (WCAG AA passes).

Color values

HEX#80292C
RGBrgb(128, 41, 44)
HSLhsl(358, 51%, 33%)
HSVhsv(358, 68%, 50%)
CMYKcmyk(0%, 68%, 65.6%, 49.8%)
CIE-LABlab(30.30, 37.66, 18.92)
CIE-LCHlch(30.30, 42.14, 26.67°)
OKLaboklab(41.37% 0.1112 0.0452)
OKLCHoklch(41.37% 0.12 22.1)
XYZxyz(10.1507, 6.3583, 3.0752)
Luminance0.0636 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#80292C #29807D
analogous
#802957 #80292C #805129
triadic
#80292C #2C8029 #292C80
tetradic
#80292C #578029 #29807D #512980
square
#80292C #578029 #29807D #512980
split-complementary
#80292C #298051 #295780
monochromatic
#230B0C #521A1C #80292C #AE383C #CA595D

Accessibility & contrast

On white

9.25
#80292C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.27
#80292C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #80292C
9.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##80292C#FFFFFF#000000##FFFFFF
##80292C1.009.252.279.25
#FFFFFF9.251.0021.001.00
#0000002.2721.001.0021.00
##FFFFFF9.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#403C2B
Deuteranopia (green-blind)
#564E2A
Tritanopia (blue-blind)
#8D152B
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #80292c;
/* rgb */ color: rgb(128, 41, 44);
/* oklch */ color: oklch(41.4% 0.120 22.1);
Tailwind
colors: {
  custom: {
    50: '#ab6865',
    500: '#80292c',
    950: '#000000',
  },
}
SCSS
$custom: #80292c;
$custom-light: #ab6865;
$custom-dark: #000000;
JSON
{
  "hex": "#80292c",
  "rgb": {
    "r": 128,
    "g": 41,
    "b": 44
  },
  "hsl": {
    "h": 357.931,
    "s": 51.479,
    "l": 33.137
  },
  "oklch": {
    "l": 0.41367,
    "c": 0.12003,
    "h": 22.1
  },
  "luminance": 0.06357
}

Semantic roles & 50–950 ramp

primary
#80292C
secondary
#55AFAC
accent
#DBD64D
background
#FBF6F6
surface
#F6EBEB
border
#D0C6C6
text
#110605
muted
#807A7A

Preview Lab

Preview with #80292C

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

Preview Lab → · Contrast checker → · Palette generator →

#80292C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva