#DD5E40#DD5E40

#DD5E40 is a light, vivid red. Relative luminance 0.237; OKLCH L 63.7% C 0.166 H 34.6°. Best body text is #000000 at 5.75:1 contrast (WCAG AA passes).

Color values

HEX#DD5E40
RGBrgb(221, 94, 64)
HSLhsl(11, 70%, 56%)
HSVhsv(11, 71%, 87%)
CMYKcmyk(0%, 57.5%, 71%, 13.3%)
CIE-LABlab(55.84, 47.88, 41.50)
CIE-LCHlch(55.84, 63.36, 40.92°)
OKLaboklab(63.75% 0.1364 0.0942)
OKLCHoklch(63.75% 0.166 34.6)
XYZxyz(34.7504, 23.7523, 7.6043)
Luminance0.2375 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DD5E40 #40BFDD
analogous
#DD4070 #DD5E40 #DDAC40
triadic
#DD5E40 #40DD5E #5E40DD
tetradic
#DD5E40 #70DD40 #40BFDD #AC40DD
square
#DD5E40 #70DD40 #40BFDD #AC40DD
split-complementary
#DD5E40 #40DDAC #4070DD
monochromatic
#8A2E19 #BE4022 #DD5E40 #E68A74 #EFB6A8

Accessibility & contrast

On white

3.65
#DD5E40 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.75
#DD5E40 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #DD5E40
5.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DD5E40#FFFFFF#000000##000000
##DD5E401.003.655.755.75
#FFFFFF3.651.0021.0021.00
#0000005.7521.001.001.00
##0000005.7521.001.001.00

Color blindness preview

Protanopia (red-blind)
#80743C
Deuteranopia (green-blind)
#A0903D
Tritanopia (blue-blind)
#F24257
Achromatopsia (no color)
#868686

Design tokens & code

CSS
--color: #dd5e40;
/* rgb */ color: rgb(221, 94, 64);
/* oklch */ color: oklch(63.7% 0.166 34.6);
Tailwind
colors: {
  custom: {
    50: '#ef9076',
    500: '#dd5e40',
    950: '#000000',
  },
}
SCSS
$custom: #dd5e40;
$custom-light: #ef9076;
$custom-dark: #000000;
JSON
{
  "hex": "#dd5e40",
  "rgb": {
    "r": 221,
    "g": 94,
    "b": 64
  },
  "hsl": {
    "h": 11.465,
    "s": 69.778,
    "l": 55.882
  },
  "oklch": {
    "l": 0.63745,
    "c": 0.16581,
    "h": 34.6
  },
  "luminance": 0.23748
}

Semantic roles & 50–950 ramp

primary
#DD5E40
secondary
#9CD0DD
accent
#CBED3B
background
#FFF9F7
surface
#FFF1ED
border
#D7CBC8
text
#180D08
muted
#867E7B

Preview Lab

Preview with #DD5E40

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

Preview Lab → · Contrast checker → · Palette generator →

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