#D99993#D99993

#D99993 is a light, moderate red. Relative luminance 0.396; OKLCH L 74.3% C 0.078 H 25.1°. Best body text is #000000 at 8.93:1 contrast (WCAG AA passes).

Color values

HEX#D99993
RGBrgb(217, 153, 147)
HSLhsl(5, 48%, 71%)
HSVhsv(5, 32%, 85%)
CMYKcmyk(0%, 29.5%, 32.3%, 14.9%)
CIE-LABlab(69.21, 23.18, 12.76)
CIE-LCHlch(69.21, 26.46, 28.83°)
OKLaboklab(74.34% 0.0706 0.0331)
OKLCHoklch(74.34% 0.078 25.1)
XYZxyz(45.2743, 39.6436, 32.8654)
Luminance0.3964 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D99993 #93D3D9
analogous
#D993B0 #D99993 #D9BC93
triadic
#D99993 #93D999 #9993D9
tetradic
#D99993 #B0D993 #93D3D9 #BC93D9
square
#D99993 #B0D993 #93D3D9 #BC93D9
split-complementary
#D99993 #93D9BC #93B0D9
monochromatic
#B3493F #C96E66 #D99993 #E9C4C0 #F7EAE8

Accessibility & contrast

On white

2.35
#D99993 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.93
#D99993 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D99993
8.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D99993#FFFFFF#000000##000000
##D999931.002.358.938.93
#FFFFFF2.351.0021.0021.00
#0000008.9321.001.001.00
##0000008.9321.001.001.00

Color blindness preview

Protanopia (red-blind)
#A6A292
Deuteranopia (green-blind)
#B5AE92
Tritanopia (blue-blind)
#E69198
Achromatopsia (no color)
#A9A9A9

Design tokens & code

CSS
--color: #d99993;
/* rgb */ color: rgb(217, 153, 147);
/* oklch */ color: oklch(74.3% 0.078 25.1);
Tailwind
colors: {
  custom: {
    50: '#e6b7b2',
    500: '#d99993',
    950: '#000000',
  },
}
SCSS
$custom: #d99993;
$custom-light: #e6b7b2;
$custom-dark: #000000;
JSON
{
  "hex": "#d99993",
  "rgb": {
    "r": 217,
    "g": 153,
    "b": 147
  },
  "hsl": {
    "h": 5.143,
    "s": 47.945,
    "l": 71.373
  },
  "oklch": {
    "l": 0.74341,
    "c": 0.07797,
    "h": 25.1
  },
  "luminance": 0.39641
}

Semantic roles & 50–950 ramp

primary
#D99993
secondary
#DBEBED
accent
#AFBB2A
background
#FEFBFA
surface
#FDF6F5
border
#D5D0CF
text
#161111
muted
#848080

Preview Lab

Preview with #D99993

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

Preview Lab → · Contrast checker → · Palette generator →

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