#993240#993240

#993240 is a mid, vivid red. Relative luminance 0.094; OKLCH L 47.2% C 0.137 H 16.2°. Best body text is #FFFFFF at 7.28:1 contrast (WCAG AA passes).

Color values

HEX#993240
RGBrgb(153, 50, 64)
HSLhsl(352, 51%, 40%)
HSVhsv(352, 67%, 60%)
CMYKcmyk(0%, 67.3%, 58.2%, 40%)
CIE-LABlab(36.79, 43.87, 15.47)
CIE-LCHlch(36.79, 46.52, 19.43°)
OKLaboklab(47.22% 0.1316 0.0383)
OKLCHoklch(47.22% 0.137 16.2)
XYZxyz(15.2043, 9.4257, 5.8682)
Luminance0.0942 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#993240 #32998B
analogous
#993273 #993240 #995832
triadic
#993240 #409932 #324099
tetradic
#993240 #739932 #32998B #583299
square
#993240 #739932 #32998B #583299
split-complementary
#993240 #329958 #327399
monochromatic
#3D1419 #6B232D #993240 #C24657 #D27481

Accessibility & contrast

On white

7.28
#993240 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.88
#993240 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #993240
7.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##993240#FFFFFF#000000##FFFFFF
##9932401.007.282.887.28
#FFFFFF7.281.0021.001.00
#0000002.8821.001.0021.00
##FFFFFF7.281.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4C4940
Deuteranopia (green-blind)
#665E3D
Tritanopia (blue-blind)
#A71D38
Achromatopsia (no color)
#575757

Design tokens & code

CSS
--color: #993240;
/* rgb */ color: rgb(153, 50, 64);
/* oklch */ color: oklch(47.2% 0.137 16.2);
Tailwind
colors: {
  custom: {
    50: '#bd7074',
    500: '#993240',
    950: '#000000',
  },
}
SCSS
$custom: #993240;
$custom-light: #bd7074;
$custom-dark: #000000;
JSON
{
  "hex": "#993240",
  "rgb": {
    "r": 153,
    "g": 50,
    "b": 64
  },
  "hsl": {
    "h": 351.845,
    "s": 50.739,
    "l": 39.804
  },
  "oklch": {
    "l": 0.47217,
    "c": 0.13701,
    "h": 16.2
  },
  "luminance": 0.09424
}

Semantic roles & 50–950 ramp

primary
#993240
secondary
#6DBAAF
accent
#DAC74E
background
#FCF7F7
surface
#F8EDED
border
#D1C8C8
text
#130808
muted
#827B7B

Preview Lab

Preview with #993240

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

Preview Lab → · Contrast checker → · Palette generator →

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