#DDDA76

#DDDA76

Color Values

HEX

#DDDA76

RGB

221, 218, 118

HSL

58.3, 60.2%, 66.5%

HSV

58.3, 46.6%, 86.7%

CMYK

0.0%, 1.4%, 46.6%, 13.3%

OKLCH

0.8699 0.1229 107.2

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DDDA76

#7679DD

Analogous

#DDA776

#ACDD76

#DDDA76

Triadic

#DDDA76

#76DDDA

#DA76DD

Split Complementary

#DDDA76

#76ACDD

#A776DD

Tetradic

#DDDA76

#76DDA7

#7679DD

#DD76AC

Color Blindness Simulation

Original

#DDDA76

Protanopia

#DCDC8E

Deuteranopia

#DCDC94

Tritanopia

#DDA1A6

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C6
300
#E7E59D
400
#D9D668
500
#CCC833
600
#A3A029
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

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