#DFCC63

#DFCC63

Color Values

HEX

#DFCC63

RGB

223, 204, 99

HSL

50.8, 66.0%, 63.1%

HSV

50.8, 55.6%, 87.5%

CMYK

0.0%, 8.5%, 55.6%, 12.5%

OKLCH

0.8402 0.1274 99.2

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DFCC63

#6376DF

Analogous

#DF8E63

#B4DF63

#DFCC63

Triadic

#DFCC63

#63DFCC

#CC63DF

Split Complementary

#DFCC63

#63B4DF

#8E63DF

Tetradic

#DFCC63

#63DF8E

#6376DF

#DF63B4

Color Blindness Simulation

Original

#DFCC63

Protanopia

#D7D77C

Deuteranopia

#D8D982

Tritanopia

#DE9095

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F7F4E3
200
#F3ECC4
300
#EADE99
400
#DFCC62
500
#D4BA2B
600
#A99523
700
#87771C
800
#6A5D16
900
#4D4414
950
#312B0C

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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