#DFBD63

#DFBD63

Color Values

HEX

#DFBD63

RGB

223, 189, 99

HSL

43.5, 66.0%, 63.1%

HSV

43.5, 55.6%, 87.5%

CMYK

0.0%, 15.2%, 55.6%, 12.5%

OKLCH

0.8098 0.1161 89.0

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#DFBD63

#6385DF

Analogous

#DF7F63

#C3DF63

#DFBD63

Triadic

#DFBD63

#63DFBD

#BD63DF

Split Complementary

#DFBD63

#63C3DF

#7F63DF

Tetradic

#DFBD63

#63DF7F

#6385DF

#DF63C3

Color Blindness Simulation

Original

#DFBD63

Protanopia

#D0D079

Deuteranopia

#D2D57E

Tritanopia

#DD8A8E

Achromatopsia

#BEBEBE

CSS Usage

background-color: #DFBD63;
color: #DFBD63;
border-color: #DFBD63;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCF9F3
100
#F7F2E3
200
#F3E6C4
300
#EAD499
400
#DFBD62
500
#D4A52B
600
#A98423
700
#876A1C
800
#6A5316
900
#4D3D14
950
#31270C

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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