#DFB574

#DFB574

Color Values

HEX

#DFB574

RGB

223, 181, 116

HSL

36.4, 62.6%, 66.5%

HSV

36.4, 48.0%, 87.5%

CMYK

0.0%, 18.8%, 48.0%, 12.5%

OKLCH

0.7964 0.096 77.6

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#DFB574

#749EDF

Analogous

#DF8074

#D4DF74

#DFB574

Triadic

#DFB574

#74DFB5

#B574DF

Split Complementary

#DFB574

#74D4DF

#8074DF

Tetradic

#DFB574

#74DF80

#749EDF

#DF74D4

Color Blindness Simulation

Original

#DFB574

Protanopia

#CDCC84

Deuteranopia

#CFD288

Tritanopia

#DD9093

Achromatopsia

#B9B9B9

CSS Usage

background-color: #DFB574;
color: #DFB574;
border-color: #DFB574;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2E0C5
300
#E8CA9B
400
#DCAD66
500
#CF9130
600
#A67426
700
#855C1F
800
#684818
900
#4C3615
950
#30220D

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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