#DDC27D#DDC27D

#DDC27D is a very light, moderate orange. Relative luminance 0.554; OKLCH L 82.2% C 0.093 H 88.9°. Best body text is #000000 at 12.09:1 contrast (WCAG AA passes).

Color values

HEX#DDC27D
RGBrgb(221, 194, 125)
HSLhsl(43, 59%, 68%)
HSVhsv(43, 43%, 87%)
CMYKcmyk(0%, 12.2%, 43.4%, 13.3%)
CIE-LABlab(79.29, 0.31, 38.16)
CIE-LCHlch(79.29, 38.16, 89.53°)
OKLaboklab(82.17% 0.0018 0.093)
OKLCHoklch(82.17% 0.093 88.9)
XYZxyz(52.8138, 55.4386, 27.3168)
Luminance0.5544 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DDC27D #7D98DD
analogous
#DD927D #DDC27D #C8DD7D
triadic
#DDC27D #7DDDC2 #C27DDD
tetradic
#DDC27D #7DDD92 #7D98DD #DD7DC8
square
#DDC27D #7DDD92 #7D98DD #DD7DC8
split-complementary
#DDC27D #7DC8DD #927DDD
monochromatic
#B18C2E #D0AB4C #DDC27D #EAD9AE #F6F0DE

Accessibility & contrast

On white

1.74
#DDC27D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.09
#DDC27D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DDC27D
12.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DDC27D#FFFFFF#000000##000000
##DDC27D1.001.7412.0912.09
#FFFFFF1.741.0021.0021.00
#00000012.0921.001.001.00
##00000012.0921.001.001.00

Color blindness preview

Protanopia (red-blind)
#D1C078
Deuteranopia (green-blind)
#D8C87F
Tritanopia (blue-blind)
#EBB7B1
Achromatopsia (no color)
#C4C4C4

Design tokens & code

CSS
--color: #ddc27d;
/* rgb */ color: rgb(221, 194, 125);
/* oklch */ color: oklch(82.2% 0.093 88.9);
Tailwind
colors: {
  custom: {
    50: '#e9d4a3',
    500: '#ddc27d',
    950: '#000000',
  },
}
SCSS
$custom: #ddc27d;
$custom-light: #e9d4a3;
$custom-dark: #000000;
JSON
{
  "hex": "#ddc27d",
  "rgb": {
    "r": 221,
    "g": 194,
    "b": 125
  },
  "hsl": {
    "h": 43.125,
    "s": 58.537,
    "l": 67.843
  },
  "oklch": {
    "l": 0.82169,
    "c": 0.09306,
    "h": 88.9
  },
  "luminance": 0.55436
}

Semantic roles & 50–950 ramp

primary
#DDC27D
secondary
#4B68B3
accent
#4EC61F
background
#FFFEFC
surface
#FEFBF5
border
#D6D4CF
text
#16140F
muted
#858380

Preview Lab

Preview with #DDC27D

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

Preview Lab → · Contrast checker → · Palette generator →

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