#E65A50#E65A50

#E65A50 is a light, vivid red. Relative luminance 0.247; OKLCH L 64.8% C 0.176 H 27.1°. Best body text is #000000 at 5.94:1 contrast (WCAG AA passes).

Color values

HEX#E65A50
RGBrgb(230, 90, 80)
HSLhsl(4, 75%, 61%)
HSVhsv(4, 65%, 90%)
CMYKcmyk(0%, 60.9%, 65.2%, 9.8%)
CIE-LABlab(56.80, 53.71, 34.18)
CIE-LCHlch(56.80, 63.66, 32.47°)
OKLaboklab(64.82% 0.1567 0.0803)
OKLCHoklch(64.82% 0.176 27.1)
XYZxyz(37.7410, 24.7196, 10.3718)
Luminance0.2472 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E65A50 #50DCE6
analogous
#E65091 #E65A50 #E6A550
triadic
#E65A50 #50E65A #5A50E6
tetradic
#E65A50 #91E650 #50DCE6 #A550E6
square
#E65A50 #91E650 #50DCE6 #A550E6
split-complementary
#E65A50 #50E6A5 #5091E6
monochromatic
#A42117 #DA2C1F #E65A50 #EE8C86 #F5BFBB

Accessibility & contrast

On white

3.53
#E65A50 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.94
#E65A50 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #E65A50
5.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E65A50#FFFFFF#000000##000000
##E65A501.003.535.945.94
#FFFFFF3.531.0021.0021.00
#0000005.9421.001.001.00
##0000005.9421.001.001.00

Color blindness preview

Protanopia (red-blind)
#7F754E
Deuteranopia (green-blind)
#A2944C
Tritanopia (blue-blind)
#FC3C59
Achromatopsia (no color)
#888888

Design tokens & code

CSS
--color: #e65a50;
/* rgb */ color: rgb(230, 90, 80);
/* oklch */ color: oklch(64.8% 0.176 27.1);
Tailwind
colors: {
  custom: {
    50: '#f58e81',
    500: '#e65a50',
    950: '#000000',
  },
}
SCSS
$custom: #e65a50;
$custom-light: #f58e81;
$custom-dark: #000000;
JSON
{
  "hex": "#e65a50",
  "rgb": {
    "r": 230,
    "g": 90,
    "b": 80
  },
  "hsl": {
    "h": 4,
    "s": 75,
    "l": 60.784
  },
  "oklch": {
    "l": 0.64815,
    "c": 0.17604,
    "h": 27.1
  },
  "luminance": 0.24715
}

Semantic roles & 50–950 ramp

primary
#E65A50
secondary
#ACE2E5
accent
#CAD70E
background
#FFF9F7
surface
#FFF1EE
border
#D7CBC9
text
#180D0A
muted
#867E7C

Preview Lab

Preview with #E65A50

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

Preview Lab → · Contrast checker → · Palette generator →

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