#DFCE63

#DFCE63

Color Values

HEX

#DFCE63

RGB

223, 206, 99

HSL

51.8, 66.0%, 63.1%

HSV

51.8, 55.6%, 87.5%

CMYK

0.0%, 7.6%, 55.6%, 12.5%

OKLCH

0.8443 0.1292 100.4

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DFCE63

#6374DF

Analogous

#DF9063

#B2DF63

#DFCE63

Triadic

#DFCE63

#63DFCE

#CE63DF

Split Complementary

#DFCE63

#63B2DF

#9063DF

Tetradic

#DFCE63

#63DF90

#6374DF

#DF63B2

Color Blindness Simulation

Original

#DFCE63

Protanopia

#D8D77D

Deuteranopia

#D9DA83

Tritanopia

#DE9196

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F7F4E3
200
#F3ECC4
300
#EADF99
400
#DFCE62
500
#D4BD2B
600
#A99723
700
#87791C
800
#6A5E16
900
#4D4514
950
#312C0C

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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