#DDC965

#DDC965

Color Values

HEX

#DDC965

RGB

221, 201, 101

HSL

50.0, 63.8%, 63.1%

HSV

50.0, 54.3%, 86.7%

CMYK

0.0%, 9.0%, 54.3%, 13.3%

OKLCH

0.8325 0.1228 98.2

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#DDC965

#6579DD

Analogous

#DD8D65

#B5DD65

#DDC965

Triadic

#DDC965

#65DDC9

#C965DD

Split Complementary

#DDC965

#65B5DD

#8D65DD

Tetradic

#DDC965

#65DD8D

#6579DD

#DD65B5

Color Blindness Simulation

Original

#DDC965

Protanopia

#D4D47D

Deuteranopia

#D6D783

Tritanopia

#DC9094

Achromatopsia

#C6C6C6

CSS Usage

background-color: #DDC965;
color: #DDC965;
border-color: #DDC965;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFAF3
100
#F7F4E3
200
#F2EAC5
300
#E9DC9B
400
#DDC964
500
#D1B62E
600
#A79125
700
#86741E
800
#685B17
900
#4C4315
950
#302A0D

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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