#DDDA77

#DDDA77

Color Values

HEX

#DDDA77

RGB

221, 218, 119

HSL

58.2, 60.0%, 66.7%

HSV

58.2, 46.2%, 86.7%

CMYK

0.0%, 1.4%, 46.2%, 13.3%

OKLCH

0.87 0.1219 107.1

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DDDA77

#777ADD

Analogous

#DDA777

#ADDD77

#DDDA77

Triadic

#DDDA77

#77DDDA

#DA77DD

Split Complementary

#DDDA77

#77ADDD

#A777DD

Tetradic

#DDDA77

#77DDA7

#777ADD

#DD77AD

Color Blindness Simulation

Original

#DDDA77

Protanopia

#DCDC8F

Deuteranopia

#DCDC95

Tritanopia

#DDA2A6

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1EFC6
300
#E7E49D
400
#D9D668
500
#CCC733
600
#A3A029
700
#838021
800
#66641A
900
#4B4916
950
#2F2E0E

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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