#DDD89D

#DDD89D

Color Values

HEX

#DDD89D

RGB

221, 216, 157

HSL

55.3, 48.5%, 74.1%

HSV

55.3, 29.0%, 86.7%

CMYK

0.0%, 2.3%, 29.0%, 13.3%

OKLCH

0.8721 0.0769 103.8

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DDD89D

#9DA2DD

Analogous

#DDB89D

#C2DD9D

#DDD89D

Triadic

#DDD89D

#9DDDD8

#D89DDD

Split Complementary

#DDD89D

#9DC2DD

#B89DDD

Tetradic

#DDD89D

#9DDDB8

#9DA2DD

#DD9DC2

Color Blindness Simulation

Original

#DDD89D

Protanopia

#DBDBAB

Deuteranopia

#DBDCAF

Tritanopia

#DDB7B9

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F3E6
200
#EDEACA
300
#DFDBA4
400
#CEC773
500
#BDB442
600
#979035
700
#79732A
800
#5F5A21
900
#46421B
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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026