#DCDD97

#DCDD97

Color Values

HEX

#DCDD97

RGB

220, 221, 151

HSL

60,9, 50,7%, 72,9%

HSV

60,9, 31,7%, 86,7%

CMYK

0,5%, 0,0%, 31,7%, 13,3%

OKLCH

0,8805 0,0901 108,8

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DCDD97

#9897DD

Analogous

#DDBB97

#B9DD97

#DCDD97

Triadic

#DCDD97

#97DCDD

#DD97DC

Split Complementary

#DCDD97

#97B9DD

#BB97DD

Tetradic

#DCDD97

#97DDBB

#9897DD

#DD97B9

Color Blindness Simulation

Original

#DCDD97

Protanopia

#DCDCA8

Deuteranopia

#DCDCAC

Tritanopia

#DCB5B8

Achromatopsia

#D8D8D8

CSS Usage

background-color: #DCDD97;
color: #DCDD97;
border-color: #DCDD97;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EDEDC9
300
#E0E1A3
400
#CFD071
500
#BEC03F
600
#989A32
700
#7A7B28
800
#5F601F
900
#46471A
950
#2C2D11

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,83:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026