#E39398#E39398

#E39398 is a light, moderate red. Relative luminance 0.395; OKLCH L 74.5% C 0.097 H 15.6°. Best body text is #000000 at 8.89:1 contrast (WCAG AA passes).

Color values

HEX#E39398
RGBrgb(227, 147, 152)
HSLhsl(356, 59%, 73%)
HSVhsv(356, 35%, 89%)
CMYKcmyk(0%, 35.2%, 33%, 11%)
CIE-LABlab(69.09, 30.80, 9.96)
CIE-LCHlch(69.09, 32.37, 17.92°)
OKLaboklab(74.53% 0.0935 0.0261)
OKLCHoklch(74.53% 0.097 15.6)
XYZxyz(47.7814, 39.4687, 34.8013)
Luminance0.3947 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E39398 #93E3DE
analogous
#E393C0 #E39398 #E3B693
triadic
#E39398 #98E393 #9398E3
tetradic
#E39398 #C0E393 #93E3DE #B693E3
square
#E39398 #C0E393 #93E3DE #B693E3
split-complementary
#E39398 #93E3B6 #93C0E3
monochromatic
#C8343D #D6626A #E39398 #F0C4C6 #F9E7E8

Accessibility & contrast

On white

2.36
#E39398 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.89
#E39398 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E39398
8.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E39398#FFFFFF#000000##000000
##E393981.002.368.898.89
#FFFFFF2.361.0021.0021.00
#0000008.8921.001.001.00
##0000008.8921.001.001.00

Color blindness preview

Protanopia (red-blind)
#A29F98
Deuteranopia (green-blind)
#B5AF97
Tritanopia (blue-blind)
#F28B95
Achromatopsia (no color)
#A9A9A9

Design tokens & code

CSS
--color: #e39398;
/* rgb */ color: rgb(227, 147, 152);
/* oklch */ color: oklch(74.5% 0.097 15.6);
Tailwind
colors: {
  custom: {
    50: '#eeb3b6',
    500: '#e39398',
    950: '#000000',
  },
}
SCSS
$custom: #e39398;
$custom-light: #eeb3b6;
$custom-dark: #000000;
JSON
{
  "hex": "#e39398",
  "rgb": {
    "r": 227,
    "g": 147,
    "b": 152
  },
  "hsl": {
    "h": 356.25,
    "s": 58.824,
    "l": 73.333
  },
  "oklch": {
    "l": 0.74532,
    "c": 0.09704,
    "h": 15.6
  },
  "luminance": 0.39465
}

Semantic roles & 50–950 ramp

primary
#E39398
secondary
#DBF0EF
accent
#C6BC1F
background
#FEFBFB
surface
#FDF6F6
border
#D5D0D0
text
#171111
muted
#858080

Preview Lab

Preview with #E39398

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

Preview Lab → · Contrast checker → · Palette generator →

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