#DD6645#DD6645

#DD6645 is a light, vivid red. Relative luminance 0.253; OKLCH L 64.9% C 0.157 H 36.4°. Best body text is #000000 at 6.06:1 contrast (WCAG AA passes).

Color values

HEX#DD6645
RGBrgb(221, 102, 69)
HSLhsl(13, 69%, 57%)
HSVhsv(13, 69%, 87%)
CMYKcmyk(0%, 53.8%, 68.8%, 13.3%)
CIE-LABlab(57.38, 44.31, 40.58)
CIE-LCHlch(57.38, 60.08, 42.48°)
OKLaboklab(64.93% 0.1263 0.0931)
OKLCHoklch(64.93% 0.157 36.4)
XYZxyz(35.6477, 25.3091, 8.6370)
Luminance0.2530 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DD6645 #45BCDD
analogous
#DD4570 #DD6645 #DDB245
triadic
#DD6645 #45DD66 #6645DD
tetradic
#DD6645 #70DD45 #45BCDD #B245DD
square
#DD6645 #70DD45 #45BCDD #B245DD
split-complementary
#DD6645 #45DDB2 #4570DD
monochromatic
#8E331A #C14623 #DD6645 #E69179 #F0BBAC

Accessibility & contrast

On white

3.46
#DD6645 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.06
#DD6645 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #DD6645
6.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DD6645#FFFFFF#000000##000000
##DD66451.003.466.066.06
#FFFFFF3.461.0021.0021.00
#0000006.0621.001.001.00
##0000006.0621.001.001.00

Color blindness preview

Protanopia (red-blind)
#867A41
Deuteranopia (green-blind)
#A39442
Tritanopia (blue-blind)
#F24E5F
Achromatopsia (no color)
#8A8A8A

Design tokens & code

CSS
--color: #dd6645;
/* rgb */ color: rgb(221, 102, 69);
/* oklch */ color: oklch(64.9% 0.157 36.4);
Tailwind
colors: {
  custom: {
    50: '#ee957a',
    500: '#dd6645',
    950: '#000000',
  },
}
SCSS
$custom: #dd6645;
$custom-light: #ee957a;
$custom-dark: #000000;
JSON
{
  "hex": "#dd6645",
  "rgb": {
    "r": 221,
    "g": 102,
    "b": 69
  },
  "hsl": {
    "h": 13.026,
    "s": 69.091,
    "l": 56.863
  },
  "oklch": {
    "l": 0.64928,
    "c": 0.15693,
    "h": 36.4
  },
  "luminance": 0.25305
}

Semantic roles & 50–950 ramp

primary
#DD6645
secondary
#A0D0DE
accent
#C6EC3C
background
#FFF9F7
surface
#FFF2ED
border
#D7CCC8
text
#180D09
muted
#867E7B

Preview Lab

Preview with #DD6645

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

Preview Lab → · Contrast checker → · Palette generator →

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