#DCC566

#DCC566

Color Values

HEX

#DCC566

RGB

220, 197, 102

HSL

48.3, 62.8%, 63.1%

HSV

48.3, 53.6%, 86.3%

CMYK

0.0%, 10.5%, 53.6%, 13.7%

OKLCH

0.8235 0.1184 96.0

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#DCC566

#667DDC

Analogous

#DC8A66

#B8DC66

#DCC566

Triadic

#DCC566

#66DCC5

#C566DC

Split Complementary

#DCC566

#66B8DC

#8A66DC

Tetradic

#DCC566

#66DC8A

#667DDC

#DC66B8

Color Blindness Simulation

Original

#DCC566

Protanopia

#D2D27D

Deuteranopia

#D3D582

Tritanopia

#DB8F93

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F7F3E4
200
#F2E9C5
300
#E8D99B
400
#DCC565
500
#D0B02F
600
#A68D26
700
#85711E
800
#685818
900
#4C4115
950
#30290D

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.22:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026