#DDCC64

#DDCC64

Color Values

HEX

#DDCC64

RGB

221, 204, 100

HSL

51.6, 64.0%, 62.9%

HSV

51.6, 54.8%, 86.7%

CMYK

0.0%, 7.7%, 54.8%, 13.3%

OKLCH

0.8386 0.1264 100.2

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#DDCC64

#6475DD

Analogous

#DD8F64

#B1DD64

#DDCC64

Triadic

#DDCC64

#64DDCC

#CC64DD

Split Complementary

#DDCC64

#64B1DD

#8F64DD

Tetradic

#DDCC64

#64DD8F

#6475DD

#DD64B1

Color Blindness Simulation

Original

#DDCC64

Protanopia

#D6D57D

Deuteranopia

#D7D883

Tritanopia

#DC9195

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F7F4E3
200
#F2ECC4
300
#E9DE9B
400
#DDCC64
500
#D1BA2E
600
#A79525
700
#86771D
800
#695D17
900
#4C4515
950
#302B0D

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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