#D24133#D24133

#D24133 is a mid, vivid red. Relative luminance 0.177; OKLCH L 58.3% C 0.184 H 29.3°. Best body text is #FFFFFF at 4.62:1 contrast (WCAG AA passes).

Color values

HEX#D24133
RGBrgb(210, 65, 51)
HSLhsl(5, 64%, 51%)
HSVhsv(5, 76%, 82%)
CMYKcmyk(0%, 69%, 75.7%, 17.6%)
CIE-LABlab(49.16, 56.01, 40.62)
CIE-LCHlch(49.16, 69.19, 35.95°)
OKLaboklab(58.32% 0.1604 0.0901)
OKLCHoklch(58.32% 0.184 29.3)
XYZxyz(29.0695, 17.7256, 5.0220)
Luminance0.1772 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D24133 #33C4D2
analogous
#D23374 #D24133 #D29033
triadic
#D24133 #33D241 #4133D2
tetradic
#D24133 #74D233 #33C4D2 #9033D2
square
#D24133 #74D233 #33C4D2 #9033D2
split-complementary
#D24133 #33D290 #3374D2
monochromatic
#722119 #A42F24 #D24133 #DD7065 #E89E97

Accessibility & contrast

On white

4.62
#D24133 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.54
#D24133 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#FFFFFF on #D24133
4.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D24133#FFFFFF#000000##FFFFFF
##D241331.004.624.544.62
#FFFFFF4.621.0021.001.00
#0000004.5421.001.0021.00
##FFFFFF4.621.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6B6130
Deuteranopia (green-blind)
#8F802D
Tritanopia (blue-blind)
#E70C3F
Achromatopsia (no color)
#757575

Design tokens & code

CSS
--color: #d24133;
/* rgb */ color: rgb(210, 65, 51);
/* oklch */ color: oklch(58.3% 0.184 29.3);
Tailwind
colors: {
  custom: {
    50: '#e97e6c',
    500: '#d24133',
    950: '#000000',
  },
}
SCSS
$custom: #d24133;
$custom-light: #e97e6c;
$custom-dark: #000000;
JSON
{
  "hex": "#d24133",
  "rgb": {
    "r": 210,
    "g": 65,
    "b": 51
  },
  "hsl": {
    "h": 5.283,
    "s": 63.855,
    "l": 51.176
  },
  "oklch": {
    "l": 0.58321,
    "c": 0.184,
    "h": 29.3
  },
  "luminance": 0.17721
}

Semantic roles & 50–950 ramp

primary
#D24133
secondary
#8DCDD4
accent
#D8E741
background
#FFF8F6
surface
#FFEFEB
border
#D7CAC6
text
#180B07
muted
#867C7A

Preview Lab

Preview with #D24133

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

Preview Lab → · Contrast checker → · Palette generator →

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