#79371D#79371D

#79371D is a dark, moderate orange. Relative luminance 0.069; OKLCH L 42.0% C 0.100 H 41.1°. Best body text is #FFFFFF at 8.83:1 contrast (WCAG AA passes).

Color values

HEX#79371D
RGBrgb(121, 55, 29)
HSLhsl(17, 61%, 29%)
HSVhsv(17, 76%, 47%)
CMYKcmyk(0%, 54.5%, 76%, 52.5%)
CIE-LABlab(31.55, 26.88, 29.28)
CIE-LCHlch(31.55, 39.74, 47.45°)
OKLaboklab(42% 0.0754 0.0658)
OKLCHoklch(42% 0.1 41.1)
XYZxyz(9.4740, 6.8872, 1.9926)
Luminance0.0689 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#79371D #1D5F79
analogous
#791D31 #79371D #79651D
triadic
#79371D #1D7937 #371D79
tetradic
#79371D #31791D #1D5F79 #651D79
square
#79371D #31791D #1D5F79 #651D79
split-complementary
#79371D #1D7965 #1D3179
monochromatic
#190B06 #482111 #79371D #AA4D29 #D1693F

Accessibility & contrast

On white

8.83
#79371D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.38
#79371D on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #79371D
8.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##79371D#FFFFFF#000000##FFFFFF
##79371D1.008.832.388.83
#FFFFFF8.831.0021.001.00
#0000002.3821.001.0021.00
##FFFFFF8.831.0021.001.00

Color blindness preview

Protanopia (red-blind)
#49411A
Deuteranopia (green-blind)
#59501C
Tritanopia (blue-blind)
#852931
Achromatopsia (no color)
#4A4A4A

Design tokens & code

CSS
--color: #79371d;
/* rgb */ color: rgb(121, 55, 29);
/* oklch */ color: oklch(42.0% 0.100 41.1);
Tailwind
colors: {
  custom: {
    50: '#a56f5a',
    500: '#79371d',
    950: '#000000',
  },
}
SCSS
$custom: #79371d;
$custom-light: #a56f5a;
$custom-dark: #000000;
JSON
{
  "hex": "#79371d",
  "rgb": {
    "r": 121,
    "g": 55,
    "b": 29
  },
  "hsl": {
    "h": 16.957,
    "s": 61.333,
    "l": 29.412
  },
  "oklch": {
    "l": 0.42,
    "c": 0.10003,
    "h": 41.1
  },
  "luminance": 0.06886
}

Semantic roles & 50–950 ramp

primary
#79371D
secondary
#458FAD
accent
#B7E443
background
#FAF6F5
surface
#F4ECE9
border
#CEC7C5
text
#100704
muted
#7F7A79

Preview Lab

Preview with #79371D

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

Preview Lab → · Contrast checker → · Palette generator →

#79371D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva