#DFCC62

#DFCC62

Color Values

HEX

#DFCC62

RGB

223, 204, 98

HSL

50,9, 66,1%, 62,9%

HSV

50,9, 56,1%, 87,5%

CMYK

0,0%, 8,5%, 56,1%, 12,5%

OKLCH

0,8401 0,1283 99,3

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DFCC62

#6275DF

Analogous

#DF8D62

#B3DF62

#DFCC62

Triadic

#DFCC62

#62DFCC

#CC62DF

Split Complementary

#DFCC62

#62B3DF

#8D62DF

Tetradic

#DFCC62

#62DF8D

#6275DF

#DF62B3

Color Blindness Simulation

Original

#DFCC62

Protanopia

#D7D77C

Deuteranopia

#D8D982

Tritanopia

#DE9094

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F7F4E3
200
#F3ECC4
300
#EADE99
400
#DFCC62
500
#D4BA2B
600
#A99523
700
#88771C
800
#6A5D16
900
#4D4514
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