#DFC696

#DFC696

Color Values

HEX

#DFC696

RGB

223, 198, 150

HSL

39.5, 53.3%, 73.1%

HSV

39.5, 32.7%, 87.5%

CMYK

0.0%, 11.2%, 32.7%, 12.5%

OKLCH

0.836 0.0691 83.5

Properties

Warm Light Nearest: Gold

Color Harmonies

Complementary

#DFC696

#96AFDF

Analogous

#DFA196

#D3DF96

#DFC696

Triadic

#DFC696

#96DFC6

#C696DF

Split Complementary

#DFC696

#96D3DF

#A196DF

Tetradic

#DFC696

#96DFA1

#96AFDF

#DF96D3

Color Blindness Simulation

Original

#DFC696

Protanopia

#D4D4A2

Deuteranopia

#D6D8A4

Tritanopia

#DEABAD

Achromatopsia

#C8C8C8

CSS Usage

background-color: #DFC696;
color: #DFC696;
border-color: #DFC696;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FBF8F4
100
#F5F0E5
200
#EEE1C8
300
#E2CCA1
400
#D3B16E
500
#C3953C
600
#9C7730
700
#7D5F26
800
#624B1E
900
#483819
950
#2D2310

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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