#772416#772416

#772416 is a dark, moderate red. Relative luminance 0.052; OKLCH L 38.8% C 0.119 H 32.1°. Best body text is #FFFFFF at 10.25:1 contrast (WCAG AA passes).

Color values

HEX#772416
RGBrgb(119, 36, 22)
HSLhsl(9, 69%, 28%)
HSVhsv(9, 82%, 47%)
CMYKcmyk(0%, 69.7%, 81.5%, 53.3%)
CIE-LABlab(27.42, 35.44, 28.80)
CIE-LCHlch(27.42, 45.67, 39.10°)
OKLaboklab(38.78% 0.1006 0.063)
OKLCHoklch(38.78% 0.119 32.1)
XYZxyz(8.3844, 5.2429, 1.3294)
Luminance0.0524 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#772416 #166977
analogous
#771638 #772416 #775516
triadic
#772416 #167724 #241677
tetradic
#772416 #387716 #166977 #551677
square
#772416 #387716 #166977 #551677
split-complementary
#772416 #167755 #163877
monochromatic
#1A0805 #43140C #772416 #AB3420 #D9472F

Accessibility & contrast

On white

10.25
#772416 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.05
#772416 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #772416
10.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##772416#FFFFFF#000000##FFFFFF
##7724161.0010.252.0510.25
#FFFFFF10.251.0021.001.00
#0000002.0521.001.0021.00
##FFFFFF10.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3C3514
Deuteranopia (green-blind)
#504813
Tritanopia (blue-blind)
#830A21
Achromatopsia (no color)
#414141

Design tokens & code

CSS
--color: #772416;
/* rgb */ color: rgb(119, 36, 22);
/* oklch */ color: oklch(38.8% 0.119 32.1);
Tailwind
colors: {
  custom: {
    50: '#a56454',
    500: '#772416',
    950: '#000000',
  },
}
SCSS
$custom: #772416;
$custom-light: #a56454;
$custom-dark: #000000;
JSON
{
  "hex": "#772416",
  "rgb": {
    "r": 119,
    "g": 36,
    "b": 22
  },
  "hsl": {
    "h": 8.66,
    "s": 68.794,
    "l": 27.647
  },
  "oklch": {
    "l": 0.3878,
    "c": 0.11869,
    "h": 32.1
  },
  "luminance": 0.05242
}

Semantic roles & 50–950 ramp

primary
#772416
secondary
#3C9CAC
accent
#D2EC3C
background
#FBF6F4
surface
#F6EBE7
border
#D0C6C3
text
#110603
muted
#807A78

Preview Lab

Preview with #772416

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

Preview Lab → · Contrast checker → · Palette generator →

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