#DFA356

#DFA356

Color Values

HEX

#DFA356

RGB

223, 163, 86

HSL

33.7, 68.2%, 60.6%

HSV

33.7, 61.4%, 87.5%

CMYK

0.0%, 26.9%, 61.4%, 12.5%

OKLCH

0.7574 0.1178 71.2

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#DFA356

#5692DF

Analogous

#DF5E56

#D7DF56

#DFA356

Triadic

#DFA356

#56DFA3

#A356DF

Split Complementary

#DFA356

#56D7DF

#5E56DF

Tetradic

#DFA356

#56DF5E

#5692DF

#DF56D7

Color Blindness Simulation

Original

#DFA356

Protanopia

#C5C469

Deuteranopia

#C8CD6D

Tritanopia

#DC777B

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F4DEC3
300
#ECC798
400
#E1A960
500
#D68A29
600
#AC6F20
700
#89581A
800
#6B4514
900
#4E3413
950
#31210C

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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