#993C3E#993C3E

#993C3E is a mid, vivid red. Relative luminance 0.104; OKLCH L 48.5% C 0.125 H 21.7°. Best body text is #FFFFFF at 6.84:1 contrast (WCAG AA passes).

Color values

HEX#993C3E
RGBrgb(153, 60, 62)
HSLhsl(359, 44%, 42%)
HSVhsv(359, 61%, 60%)
CMYKcmyk(0%, 60.8%, 59.5%, 40%)
CIE-LABlab(38.47, 39.11, 18.96)
CIE-LCHlch(38.47, 43.46, 25.86°)
OKLaboklab(48.46% 0.1161 0.0463)
OKLCHoklch(48.46% 0.125 21.7)
XYZxyz(15.6236, 10.3538, 5.7322)
Luminance0.1035 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#993C3E #3C9997
analogous
#993C6D #993C3E #99693C
triadic
#993C3E #3E993C #3C3E99
tetradic
#993C3E #6D993C #3C9997 #693C99
square
#993C3E #6D993C #3C9997 #693C99
split-complementary
#993C3E #3C9969 #3C6D99
monochromatic
#411A1A #6D2B2C #993C3E #BD5658 #CE8283

Accessibility & contrast

On white

6.84
#993C3E on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.07
#993C3E on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #993C3E
6.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##993C3E#FFFFFF#000000##FFFFFF
##993C3E1.006.843.076.84
#FFFFFF6.841.0021.001.00
#0000003.0721.001.0021.00
##FFFFFF6.841.0021.001.00

Color blindness preview

Protanopia (red-blind)
#534E3D
Deuteranopia (green-blind)
#6A623C
Tritanopia (blue-blind)
#A72B3D
Achromatopsia (no color)
#5B5B5B

Design tokens & code

CSS
--color: #993c3e;
/* rgb */ color: rgb(153, 60, 62);
/* oklch */ color: oklch(48.5% 0.125 21.7);
Tailwind
colors: {
  custom: {
    50: '#bc7673',
    500: '#993c3e',
    950: '#000000',
  },
}
SCSS
$custom: #993c3e;
$custom-light: #bc7673;
$custom-dark: #000000;
JSON
{
  "hex": "#993c3e",
  "rgb": {
    "r": 153,
    "g": 60,
    "b": 62
  },
  "hsl": {
    "h": 358.71,
    "s": 43.662,
    "l": 41.765
  },
  "oklch": {
    "l": 0.48462,
    "c": 0.12502,
    "h": 21.7
  },
  "luminance": 0.10352
}

Semantic roles & 50–950 ramp

primary
#993C3E
secondary
#79B8B6
accent
#D3D154
background
#FCF7F6
surface
#F8EDEC
border
#D1C8C7
text
#130908
muted
#827B7B

Preview Lab

Preview with #993C3E

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

Preview Lab → · Contrast checker → · Palette generator →

#993C3E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva