#DCAF71

#DCAF71

Color Values

HEX

#DCAF71

RGB

220, 175, 113

HSL

34.8, 60.5%, 65.3%

HSV

34.8, 48.6%, 86.3%

CMYK

0.0%, 20.5%, 48.6%, 13.7%

OKLCH

0.7812 0.0952 74.5

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#DCAF71

#719EDC

Analogous

#DC7A71

#D3DC71

#DCAF71

Triadic

#DCAF71

#71DCAF

#AF71DC

Split Complementary

#DCAF71

#71D3DC

#7A71DC

Tetradic

#DCAF71

#71DC7A

#719EDC

#DC71D3

Color Blindness Simulation

Original

#DCAF71

Protanopia

#C9C880

Deuteranopia

#CBCE84

Tritanopia

#DA8C8E

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1DFC6
300
#E7C89D
400
#DAAA68
500
#CD8C32
600
#A47028
700
#835920
800
#664619
900
#4B3516
950
#2F210E

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026