#721313#721313

#721313 is a dark, vivid red. Relative luminance 0.041; OKLCH L 36.0% C 0.129 H 26.7°. Best body text is #FFFFFF at 11.55:1 contrast (WCAG AA passes).

Color values

HEX	#721313
RGB	rgb(114, 19, 19)
HSL	hsl(0, 71%, 26%)
HSV	hsv(0, 83%, 45%)
CMYK	cmyk(0%, 83.3%, 83.3%, 55.3%)
CIE-LAB	lab(23.97, 40.16, 26.73)
CIE-LCH	lch(23.97, 48.24, 33.65°)
OKLab	oklab(36.01% 0.1153 0.0579)
OKLCH	oklch(36.01% 0.129 26.7)
XYZ	xyz(7.2907, 4.0913, 1.0218)
Luminance	0.0409 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#721313 #137272

analogous

#721342 #721313 #724213

triadic

#721313 #137213 #131372

tetradic

#721313 #427213 #137272 #421372

square

#721313 #427213 #137272 #421372

split-complementary

#721313 #137242 #134272

monochromatic

#1A0404 #3E0A0A #721313 #A61C1C #DB2525

Accessibility & contrast

On white

11.55

#721313 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.82

#721313 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #721313

11.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##721313	#FFFFFF	#000000	##FFFFFF
##721313	1.00	11.55	1.82	11.55
#FFFFFF	11.55	1.00	21.00	1.00
#000000	1.82	21.00	1.00	21.00
##FFFFFF	11.55	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#312C12

Deuteranopia (green-blind)

#49400F

Tritanopia (blue-blind)

#7E0015

Achromatopsia (no color)

#393939

Design tokens & code

CSS

--color: #721313;
/* rgb */ color: rgb(114, 19, 19);
/* oklch */ color: oklch(36.0% 0.129 26.7);

Tailwind

colors: {
  custom: {
    50: '#a35b51',
    500: '#721313',
    950: '#000000',
  },
}

SCSS

$custom: #721313;
$custom-light: #a35b51;
$custom-dark: #000000;

JSON

{
  "hex": "#721313",
  "rgb": {
    "r": 114,
    "g": 19,
    "b": 19
  },
  "hsl": {
    "h": 0,
    "s": 71.429,
    "l": 26.078
  },
  "oklch": {
    "l": 0.3601,
    "c": 0.12903,
    "h": 26.7
  },
  "luminance": 0.0409
}

Semantic roles & 50–950 ramp

primary

#721313

secondary

#38A9A9

accent

#EEEE3A

background

#FAF5F4

surface

#F4E9E7

border

#CEC5C3

text

#110402

muted

#807978

Preview Lab

Preview with #721313

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

Preview Lab → · Contrast checker → · Palette generator →