#DFBF63

#DFBF63

Color Values

HEX

#DFBF63

RGB

223, 191, 99

HSL

44.5, 66.0%, 63.1%

HSV

44.5, 55.6%, 87.5%

CMYK

0.0%, 14.3%, 55.6%, 12.5%

OKLCH

0.8138 0.1174 90.5

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#DFBF63

#6383DF

Analogous

#DF8163

#C1DF63

#DFBF63

Triadic

#DFBF63

#63DFBF

#BF63DF

Split Complementary

#DFBF63

#63C1DF

#8163DF

Tetradic

#DFBF63

#63DF81

#6383DF

#DF63C1

Color Blindness Simulation

Original

#DFBF63

Protanopia

#D1D179

Deuteranopia

#D3D57F

Tritanopia

#DD8B8F

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FCF9F3
100
#F7F2E3
200
#F3E7C4
300
#EAD599
400
#DFBF62
500
#D4A82B
600
#A98723
700
#876C1C
800
#6A5416
900
#4D3E14
950
#31270C

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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