#DDDA75

#DDDA75

Color Values

HEX

#DDDA75

RGB

221, 218, 117

HSL

58.3, 60.5%, 66.3%

HSV

58.3, 47.1%, 86.7%

CMYK

0.0%, 1.4%, 47.1%, 13.3%

OKLCH

0.8697 0.1239 107.2

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DDDA75

#7578DD

Analogous

#DDA675

#ACDD75

#DDDA75

Triadic

#DDDA75

#75DDDA

#DA75DD

Split Complementary

#DDDA75

#75ACDD

#A675DD

Tetradic

#DDDA75

#75DDA6

#7578DD

#DD75AC

Color Blindness Simulation

Original

#DDDA75

Protanopia

#DCDC8D

Deuteranopia

#DCDC93

Tritanopia

#DDA1A5

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C6
300
#E7E59D
400
#DAD668
500
#CDC832
600
#A4A028
700
#838020
800
#666419
900
#4B4916
950
#2F2E0E

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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