#DDDA72

#DDDA72

Color Values

HEX

#DDDA72

RGB

221, 218, 114

HSL

58.3, 61.1%, 65.7%

HSV

58.3, 48.4%, 86.7%

CMYK

0.0%, 1.4%, 48.4%, 13.3%

OKLCH

0.8693 0.1269 107.3

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DDDA72

#7275DD

Analogous

#DDA572

#ABDD72

#DDDA72

Triadic

#DDDA72

#72DDDA

#DA72DD

Split Complementary

#DDDA72

#72ABDD

#A572DD

Tetradic

#DDDA72

#72DDA5

#7275DD

#DD72AB

Color Blindness Simulation

Original

#DDDA72

Protanopia

#DCDC8B

Deuteranopia

#DCDC91

Tritanopia

#DD9FA3

Achromatopsia

#D3D3D3

CSS Usage

background-color: #DDDA72;
color: #DDDA72;
border-color: #DDDA72;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C5
300
#E7E59C
400
#DAD767
500
#CDC932
600
#A4A128
700
#838120
800
#676419
900
#4B4A16
950
#2F2E0E

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026