#DD4C58#DD4C58

#DD4C58 is a mid, vivid red. Relative luminance 0.212; OKLCH L 61.9% C 0.180 H 19.4°. Best body text is #000000 at 5.25:1 contrast (WCAG AA passes).

Color values

HEX#DD4C58
RGBrgb(221, 76, 88)
HSLhsl(355, 68%, 58%)
HSVhsv(355, 66%, 87%)
CMYKcmyk(0%, 65.6%, 60.2%, 13.3%)
CIE-LABlab(53.22, 57.15, 24.72)
CIE-LCHlch(53.22, 62.26, 23.39°)
OKLaboklab(61.89% 0.17 0.06)
OKLCHoklch(61.89% 0.18 19.4)
XYZxyz(34.1680, 21.2503, 11.5331)
Luminance0.2125 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DD4C58 #4CDDD1
analogous
#DD4CA1 #DD4C58 #DD884C
triadic
#DD4C58 #58DD4C #4C58DD
tetradic
#DD4C58 #A1DD4C #4CDDD1 #884CDD
square
#DD4C58 #A1DD4C #4CDDD1 #884CDD
split-complementary
#DD4C58 #4CDD88 #4CA1DD
monochromatic
#931C26 #C62633 #DD4C58 #E77F88 #F1B3B8

Accessibility & contrast

On white

4.00
#DD4C58 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.25
#DD4C58 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #DD4C58
5.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DD4C58#FFFFFF#000000##000000
##DD4C581.004.005.255.25
#FFFFFF4.001.0021.0021.00
#0000005.2521.001.001.00
##0000005.2521.001.001.00

Color blindness preview

Protanopia (red-blind)
#716C57
Deuteranopia (green-blind)
#968A54
Tritanopia (blue-blind)
#F22C51
Achromatopsia (no color)
#7F7F7F

Design tokens & code

CSS
--color: #dd4c58;
/* rgb */ color: rgb(221, 76, 88);
/* oklch */ color: oklch(61.9% 0.180 19.4);
Tailwind
colors: {
  custom: {
    50: '#ee8687',
    500: '#dd4c58',
    950: '#000000',
  },
}
SCSS
$custom: #dd4c58;
$custom-light: #ee8687;
$custom-dark: #000000;
JSON
{
  "hex": "#dd4c58",
  "rgb": {
    "r": 221,
    "g": 76,
    "b": 88
  },
  "hsl": {
    "h": 355.034,
    "s": 68.075,
    "l": 58.235
  },
  "oklch": {
    "l": 0.61889,
    "c": 0.18028,
    "h": 19.4
  },
  "luminance": 0.21246
}

Semantic roles & 50–950 ramp

primary
#DD4C58
secondary
#A6DFDA
accent
#EBDD3D
background
#FFF8F8
surface
#FFF0EF
border
#D7CBCA
text
#180C0B
muted
#867D7C

Preview Lab

Preview with #DD4C58

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

Preview Lab → · Contrast checker → · Palette generator →

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