#802D2B#802D2B

#802D2B is a dark, moderate red. Relative luminance 0.066; OKLCH L 41.9% C 0.116 H 24.8°. Best body text is #FFFFFF at 9.02:1 contrast (WCAG AA passes).

Color values

HEX#802D2B
RGBrgb(128, 45, 43)
HSLhsl(1, 50%, 34%)
HSVhsv(1, 66%, 50%)
CMYKcmyk(0%, 64.8%, 66.4%, 49.8%)
CIE-LABlab(30.98, 35.72, 20.42)
CIE-LCHlch(30.98, 41.14, 29.75°)
OKLaboklab(41.87% 0.1049 0.0485)
OKLCHoklch(41.87% 0.116 24.8)
XYZxyz(10.2775, 6.6418, 3.0258)
Luminance0.0664 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#802D2B #2B7E80
analogous
#802B53 #802D2B #80572B
triadic
#802D2B #2B802D #2D2B80
tetradic
#802D2B #53802B #2B7E80 #572B80
square
#802D2B #53802B #2B7E80 #572B80
split-complementary
#802D2B #2B8057 #2B5380
monochromatic
#240D0C #521D1C #802D2B #AE3D3A #C95F5D

Accessibility & contrast

On white

9.02
#802D2B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.33
#802D2B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #802D2B
9.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##802D2B#FFFFFF#000000##FFFFFF
##802D2B1.009.022.339.02
#FFFFFF9.021.0021.001.00
#0000002.3321.001.0021.00
##FFFFFF9.021.0021.001.00

Color blindness preview

Protanopia (red-blind)
#433E2A
Deuteranopia (green-blind)
#575029
Tritanopia (blue-blind)
#8D1B2D
Achromatopsia (no color)
#494949

Design tokens & code

CSS
--color: #802d2b;
/* rgb */ color: rgb(128, 45, 43);
/* oklch */ color: oklch(41.9% 0.116 24.8);
Tailwind
colors: {
  custom: {
    50: '#ab6a64',
    500: '#802d2b',
    950: '#000000',
  },
}
SCSS
$custom: #802d2b;
$custom-light: #ab6a64;
$custom-dark: #000000;
JSON
{
  "hex": "#802d2b",
  "rgb": {
    "r": 128,
    "g": 45,
    "b": 43
  },
  "hsl": {
    "h": 1.412,
    "s": 49.708,
    "l": 33.529
  },
  "oklch": {
    "l": 0.41869,
    "c": 0.11552,
    "h": 24.8
  },
  "luminance": 0.0664
}

Semantic roles & 50–950 ramp

primary
#802D2B
secondary
#58ACAE
accent
#D6D94F
background
#FBF6F6
surface
#F6EBEB
border
#D0C6C6
text
#110705
muted
#807A7A

Preview Lab

Preview with #802D2B

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

Preview Lab → · Contrast checker → · Palette generator →

#802D2B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva