#DFA970

#DFA970

Color Values

HEX

#DFA970

RGB

223, 169, 112

HSL

30.8, 63.4%, 65.7%

HSV

30.8, 49.8%, 87.5%

CMYK

0.0%, 24.2%, 49.8%, 12.5%

OKLCH

0.7725 0.0973 67.1

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#DFA970

#70A6DF

Analogous

#DF7270

#DEDF70

#DFA970

Triadic

#DFA970

#70DFA9

#A970DF

Split Complementary

#DFA970

#70DEDF

#7270DF

Tetradic

#DFA970

#70DF72

#70A6DF

#DF70DE

Color Blindness Simulation

Original

#DFA970

Protanopia

#C8C77E

Deuteranopia

#CBCF81

Tritanopia

#DC898B

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F7EDE4
200
#F2DCC5
300
#E9C39B
400
#DCA265
500
#D0822F
600
#A76825
700
#85531E
800
#684117
900
#4C3115
950
#301F0D

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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