#DDDC76

#DDDC76

Color Values

HEX

#DDDC76

RGB

221, 220, 118

HSL

59.4, 60.2%, 66.5%

HSV

59.4, 46.6%, 86.7%

CMYK

0.0%, 0.5%, 46.6%, 13.3%

OKLCH

0.874 0.1251 108.2

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DDDC76

#7677DD

Analogous

#DDA976

#ABDD76

#DDDC76

Triadic

#DDDC76

#76DDDC

#DC76DD

Split Complementary

#DDDC76

#76ABDD

#A976DD

Tetradic

#DDDC76

#76DDA9

#7677DD

#DD76AB

Color Blindness Simulation

Original

#DDDC76

Protanopia

#DDDD8F

Deuteranopia

#DDDD95

Tritanopia

#DDA2A6

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C6
300
#E7E69D
400
#D9D868
500
#CCCB33
600
#A3A229
700
#838220
800
#666519
900
#4B4A16
950
#2F2F0E

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.57: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