#DFC562

#DFC562

Color Values

HEX

#DFC562

RGB

223, 197, 98

HSL

47.5, 66.1%, 62.9%

HSV

47.5, 56.1%, 87.5%

CMYK

0.0%, 11.7%, 56.1%, 12.5%

OKLCH

0.8258 0.1226 94.8

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#DFC562

#627CDF

Analogous

#DF8662

#BADF62

#DFC562

Triadic

#DFC562

#62DFC5

#C562DF

Split Complementary

#DFC562

#62BADF

#8662DF

Tetradic

#DFC562

#62DF86

#627CDF

#DF62BA

Color Blindness Simulation

Original

#DFC562

Protanopia

#D4D47A

Deuteranopia

#D5D780

Tritanopia

#DE8D91

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F7F3E3
200
#F3E9C4
300
#EAD999
400
#DFC562
500
#D4B12B
600
#A98D23
700
#88711C
800
#6A5816
900
#4D4114
950
#31290C

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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