#DDD89C

#DDD89C

Color Values

HEX

#DDD89C

RGB

221, 216, 156

HSL

55.4, 48.9%, 73.9%

HSV

55.4, 29.4%, 86.7%

CMYK

0.0%, 2.3%, 29.4%, 13.3%

OKLCH

0.8719 0.0781 103.9

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DDD89C

#9CA1DD

Analogous

#DDB79C

#C1DD9C

#DDD89C

Triadic

#DDD89C

#9CDDD8

#D89CDD

Split Complementary

#DDD89C

#9CC1DD

#B79CDD

Tetradic

#DDD89C

#9CDDB7

#9CA1DD

#DD9CC1

Color Blindness Simulation

Original

#DDD89C

Protanopia

#DBDBAB

Deuteranopia

#DBDCAE

Tritanopia

#DDB6B8

Achromatopsia

#D5D5D5

CSS Usage

background-color: #DDD89C;
color: #DDD89C;
border-color: #DDD89C;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FBFAF4
100
#F5F3E6
200
#EDEACA
300
#E0DBA4
400
#CFC873
500
#BEB441
600
#989034
700
#7A732A
800
#5F5A21
900
#46431B
950
#2C2A11

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.38:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026