#E36355#E36355

#E36355 is a light, vivid red. Relative luminance 0.259; OKLCH L 65.6% C 0.162 H 28.6°. Best body text is #000000 at 6.18:1 contrast (WCAG AA passes).

Color values

HEX#E36355
RGBrgb(227, 99, 85)
HSLhsl(6, 72%, 61%)
HSVhsv(6, 63%, 89%)
CMYKcmyk(0%, 56.4%, 62.6%, 11%)
CIE-LABlab(57.96, 48.86, 32.69)
CIE-LCHlch(57.96, 58.79, 33.78°)
OKLaboklab(65.62% 0.1427 0.0777)
OKLCHoklch(65.62% 0.162 28.6)
XYZxyz(37.7836, 25.9152, 11.6050)
Luminance0.2591 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E36355 #55D5E3
analogous
#E3558E #E36355 #E3AA55
triadic
#E36355 #55E363 #6355E3
tetradic
#E36355 #8EE355 #55D5E3 #AA55E3
square
#E36355 #8EE355 #55D5E3 #AA55E3
split-complementary
#E36355 #55E3AA #558EE3
monochromatic
#A3281B #D73523 #E36355 #EC938A #F4C3BE

Accessibility & contrast

On white

3.40
#E36355 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.18
#E36355 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #E36355
6.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E36355#FFFFFF#000000##000000
##E363551.003.406.186.18
#FFFFFF3.401.0021.0021.00
#0000006.1821.001.001.00
##0000006.1821.001.001.00

Color blindness preview

Protanopia (red-blind)
#847A53
Deuteranopia (green-blind)
#A49652
Tritanopia (blue-blind)
#F84A60
Achromatopsia (no color)
#8B8B8B

Design tokens & code

CSS
--color: #e36355;
/* rgb */ color: rgb(227, 99, 85);
/* oklch */ color: oklch(65.6% 0.162 28.6);
Tailwind
colors: {
  custom: {
    50: '#f29385',
    500: '#e36355',
    950: '#000000',
  },
}
SCSS
$custom: #e36355;
$custom-light: #f29385;
$custom-dark: #000000;
JSON
{
  "hex": "#e36355",
  "rgb": {
    "r": 227,
    "g": 99,
    "b": 85
  },
  "hsl": {
    "h": 5.915,
    "s": 71.717,
    "l": 61.176
  },
  "oklch": {
    "l": 0.65619,
    "c": 0.16247,
    "h": 28.6
  },
  "luminance": 0.2591
}

Semantic roles & 50–950 ramp

primary
#E36355
secondary
#AFDFE5
accent
#C1D412
background
#FFF9F8
surface
#FFF2EF
border
#D7CCCA
text
#180D0B
muted
#867E7C

Preview Lab

Preview with #E36355

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

Preview Lab → · Contrast checker → · Palette generator →

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