#992A3D#992A3D

#992A3D is a mid, vivid red. Relative luminance 0.088; OKLCH L 46.3% C 0.146 H 15.3°. Best body text is #FFFFFF at 7.63:1 contrast (WCAG AA passes).

Color values

HEX#992A3D
RGBrgb(153, 42, 61)
HSLhsl(350, 57%, 38%)
HSVhsv(350, 73%, 60%)
CMYKcmyk(0%, 72.5%, 60.1%, 40%)
CIE-LABlab(35.53, 46.92, 15.70)
CIE-LCHlch(35.53, 49.48, 18.50°)
OKLaboklab(46.26% 0.1408 0.0386)
OKLCHoklch(46.26% 0.146 15.3)
XYZxyz(14.8086, 8.7673, 5.3264)
Luminance0.0877 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#992A3D #2A9986
analogous
#992A74 #992A3D #994E2A
triadic
#992A3D #3D992A #2A3D99
tetradic
#992A3D #74992A #2A9986 #4E2A99
square
#992A3D #74992A #2A9986 #4E2A99
split-complementary
#992A3D #2A994E #2A7499
monochromatic
#391017 #691D2A #992A3D #C83851 #D6687B

Accessibility & contrast

On white

7.63
#992A3D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.75
#992A3D on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #992A3D
7.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##992A3D#FFFFFF#000000##FFFFFF
##992A3D1.007.632.757.63
#FFFFFF7.631.0021.001.00
#0000002.7521.001.0021.00
##FFFFFF7.631.0021.001.00

Color blindness preview

Protanopia (red-blind)
#47453D
Deuteranopia (green-blind)
#645C3A
Tritanopia (blue-blind)
#A80B32
Achromatopsia (no color)
#545454

Design tokens & code

CSS
--color: #992a3d;
/* rgb */ color: rgb(153, 42, 61);
/* oklch */ color: oklch(46.3% 0.146 15.3);
Tailwind
colors: {
  custom: {
    50: '#bd6c72',
    500: '#992a3d',
    950: '#000000',
  },
}
SCSS
$custom: #992a3d;
$custom-light: #bd6c72;
$custom-dark: #000000;
JSON
{
  "hex": "#992a3d",
  "rgb": {
    "r": 153,
    "g": 42,
    "b": 61
  },
  "hsl": {
    "h": 349.73,
    "s": 56.923,
    "l": 38.235
  },
  "oklch": {
    "l": 0.46258,
    "c": 0.14599,
    "h": 15.3
  },
  "luminance": 0.08765
}

Semantic roles & 50–950 ramp

primary
#992A3D
secondary
#63BCAD
accent
#E0C648
background
#FCF6F6
surface
#F8ECEC
border
#D1C7C7
text
#130707
muted
#827A7A

Preview Lab

Preview with #992A3D

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

Preview Lab → · Contrast checker → · Palette generator →

#992A3D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva