#771B29#771B29

#771B29 is a dark, vivid red. Relative luminance 0.049; OKLCH L 38.1% C 0.125 H 17.3°. Best body text is #FFFFFF at 10.64:1 contrast (WCAG AA passes).

Color values

HEX#771B29
RGBrgb(119, 27, 41)
HSLhsl(351, 63%, 29%)
HSVhsv(351, 77%, 47%)
CMYKcmyk(0%, 77.3%, 65.5%, 53.3%)
CIE-LABlab(26.35, 40.17, 15.47)
CIE-LCHlch(26.35, 43.04, 21.06°)
OKLaboklab(38.08% 0.1198 0.0373)
OKLCHoklch(38.08% 0.125 17.3)
XYZxyz(8.4008, 4.8671, 2.5945)
Luminance0.0487 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#771B29 #1B7769
analogous
#771B57 #771B29 #773B1B
triadic
#771B29 #29771B #1B2977
tetradic
#771B29 #57771B #1B7769 #3B1B77
square
#771B29 #57771B #1B7769 #3B1B77
split-complementary
#771B29 #1B773B #1B5777
monochromatic
#190609 #451018 #771B29 #A9263A #D23A51

Accessibility & contrast

On white

10.64
#771B29 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.97
#771B29 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #771B29
10.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##771B29#FFFFFF#000000##FFFFFF
##771B291.0010.641.9710.64
#FFFFFF10.641.0021.001.00
#0000001.9721.001.0021.00
##FFFFFF10.641.0021.001.00

Color blindness preview

Protanopia (red-blind)
#353229
Deuteranopia (green-blind)
#4C4526
Tritanopia (blue-blind)
#830021
Achromatopsia (no color)
#3E3E3E

Design tokens & code

CSS
--color: #771b29;
/* rgb */ color: rgb(119, 27, 41);
/* oklch */ color: oklch(38.1% 0.125 17.3);
Tailwind
colors: {
  custom: {
    50: '#a46062',
    500: '#771b29',
    950: '#000000',
  },
}
SCSS
$custom: #771b29;
$custom-light: #a46062;
$custom-dark: #000000;
JSON
{
  "hex": "#771b29",
  "rgb": {
    "r": 119,
    "g": 27,
    "b": 41
  },
  "hsl": {
    "h": 350.87,
    "s": 63.014,
    "l": 28.627
  },
  "oklch": {
    "l": 0.38079,
    "c": 0.12546,
    "h": 17.3
  },
  "luminance": 0.04866
}

Semantic roles & 50–950 ramp

primary
#771B29
secondary
#42AB9B
accent
#E6CD42
background
#FAF5F5
surface
#F4EAEA
border
#CEC6C6
text
#100505
muted
#7F7979

Preview Lab

Preview with #771B29

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

Preview Lab → · Contrast checker → · Palette generator →

#771B29 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva