#DDA29D#DDA29D

#DDA29D is a light, moderate red. Relative luminance 0.436; OKLCH L 76.7% C 0.071 H 24.3°. Best body text is #000000 at 9.73:1 contrast (WCAG AA passes).

Color values

HEX#DDA29D
RGBrgb(221, 162, 157)
HSLhsl(5, 48%, 74%)
HSVhsv(5, 29%, 87%)
CMYKcmyk(0%, 26.7%, 29%, 13.3%)
CIE-LABlab(71.99, 21.16, 11.22)
CIE-LCHlch(71.99, 23.95, 27.93°)
OKLaboklab(76.66% 0.0646 0.0292)
OKLCHoklch(76.66% 0.071 24.3)
XYZxyz(48.8260, 43.6498, 37.7452)
Luminance0.4365 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DDA29D #9DD8DD
analogous
#DD9DB8 #DDA29D #DDC29D
triadic
#DDA29D #9DDDA2 #A29DDD
tetradic
#DDA29D #B8DD9D #9DD8DD #C29DDD
square
#DDA29D #B8DD9D #9DD8DD #C29DDD
split-complementary
#DDA29D #9DDDC2 #9DB8DD
monochromatic
#BD4C42 #CD7770 #DDA29D #EDCDCA #F7E9E8

Accessibility & contrast

On white

2.16
#DDA29D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.73
#DDA29D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DDA29D
9.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DDA29D#FFFFFF#000000##000000
##DDA29D1.002.169.739.73
#FFFFFF2.161.0021.0021.00
#0000009.7321.001.001.00
##0000009.7321.001.001.00

Color blindness preview

Protanopia (red-blind)
#AEAA9C
Deuteranopia (green-blind)
#BBB59C
Tritanopia (blue-blind)
#EA9BA1
Achromatopsia (no color)
#B0B0B0

Design tokens & code

CSS
--color: #dda29d;
/* rgb */ color: rgb(221, 162, 157);
/* oklch */ color: oklch(76.7% 0.071 24.3);
Tailwind
colors: {
  custom: {
    50: '#e9bdb9',
    500: '#dda29d',
    950: '#000000',
  },
}
SCSS
$custom: #dda29d;
$custom-light: #e9bdb9;
$custom-dark: #000000;
JSON
{
  "hex": "#dda29d",
  "rgb": {
    "r": 221,
    "g": 162,
    "b": 157
  },
  "hsl": {
    "h": 4.687,
    "s": 48.485,
    "l": 74.118
  },
  "oklch": {
    "l": 0.7666,
    "c": 0.07094,
    "h": 24.3
  },
  "luminance": 0.43647
}

Semantic roles & 50–950 ramp

primary
#DDA29D
secondary
#DDEDEE
accent
#B0BC2A
background
#FEFBFB
surface
#FDF6F6
border
#D5D0D0
text
#161211
muted
#848180

Preview Lab

Preview with #DDA29D

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

Preview Lab → · Contrast checker → · Palette generator →

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