#DFAF63

#DFAF63

Color Values

HEX

#DFAF63

RGB

223, 175, 99

HSL

36.8, 66.0%, 63.1%

HSV

36.8, 55.6%, 87.5%

CMYK

0.0%, 21.5%, 55.6%, 12.5%

OKLCH

0.7821 0.1095 77.5

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#DFAF63

#6393DF

Analogous

#DF7163

#D1DF63

#DFAF63

Triadic

#DFAF63

#63DFAF

#AF63DF

Split Complementary

#DFAF63

#63D1DF

#7163DF

Tetradic

#DFAF63

#63DF71

#6393DF

#DF63D1

Color Blindness Simulation

Original

#DFAF63

Protanopia

#CACA75

Deuteranopia

#CDD17A

Tritanopia

#DD8487

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F3E1C4
300
#EACB99
400
#DFAF62
500
#D4932B
600
#A97523
700
#875E1C
800
#6A4916
900
#4D3714
950
#31230C

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.45:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026