#DDDA69

#DDDA69

Color Values

HEX

#DDDA69

RGB

221, 218, 105

HSL

58.4, 63.0%, 63.9%

HSV

58.4, 52.5%, 86.7%

CMYK

0.0%, 1.4%, 52.5%, 13.3%

OKLCH

0.8682 0.1355 107.5

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DDDA69

#696CDD

Analogous

#DDA069

#A6DD69

#DDDA69

Triadic

#DDDA69

#69DDDA

#DA69DD

Split Complementary

#DDDA69

#69A6DD

#A069DD

Tetradic

#DDDA69

#69DDA0

#696CDD

#DD69A6

Color Blindness Simulation

Original

#DDDA69

Protanopia

#DCDC84

Deuteranopia

#DCDC8B

Tritanopia

#DD9A9F

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F2F1C5
300
#E8E69B
400
#DCD965
500
#D0CC2F
600
#A6A326
700
#85821E
800
#686618
900
#4C4A15
950
#302F0D

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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