#DCC665

#DCC665

Color Values

HEX

#DCC665

RGB

220, 198, 101

HSL

48.9, 63.0%, 62.9%

HSV

48.9, 54.1%, 86.3%

CMYK

0.0%, 10.0%, 54.1%, 13.7%

OKLCH

0.8255 0.1202 96.8

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#DCC665

#657BDC

Analogous

#DC8A65

#B6DC65

#DCC665

Triadic

#DCC665

#65DCC6

#C665DC

Split Complementary

#DCC665

#65B6DC

#8A65DC

Tetradic

#DCC665

#65DC8A

#657BDC

#DC65B6

Color Blindness Simulation

Original

#DCC665

Protanopia

#D2D27C

Deuteranopia

#D4D582

Tritanopia

#DB8F93

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F7F3E4
200
#F2E9C5
300
#E8DA9B
400
#DCC665
500
#D0B22F
600
#A68E26
700
#85721E
800
#685918
900
#4C4215
950
#302A0D

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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