#DDDF79

#DDDF79

Color Values

HEX

#DDDF79

RGB

221, 223, 121

HSL

61,2, 61,4%, 67,5%

HSV

61,2, 45,7%, 87,5%

CMYK

0,9%, 0,0%, 45,7%, 12,5%

OKLCH

0,8807 0,1255 109,7

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DDDF79

#7B79DF

Analogous

#DFAE79

#AADF79

#DDDF79

Triadic

#DDDF79

#79DDDF

#DF79DD

Split Complementary

#DDDF79

#79AADF

#AE79DF

Tetradic

#DDDF79

#79DFAE

#7B79DF

#DF79AA

Color Blindness Simulation

Original

#DDDF79

Protanopia

#DEDE92

Deuteranopia

#DEDE98

Tritanopia

#DDA5A9

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F0F1C5
300
#E6E79C
400
#D8DB67
500
#CBCE31
600
#A2A527
700
#82841F
800
#656719
900
#4A4B16
950
#2F300E

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

14,91: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