#DFB363

#DFB363

Color Values

HEX

#DFB363

RGB

223, 179, 99

HSL

38.7, 66.0%, 63.1%

HSV

38.7, 55.6%, 87.5%

CMYK

0.0%, 19.7%, 55.6%, 12.5%

OKLCH

0.79 0.1109 81.0

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#DFB363

#638FDF

Analogous

#DF7563

#CDDF63

#DFB363

Triadic

#DFB363

#63DFB3

#B363DF

Split Complementary

#DFB363

#63CDDF

#7563DF

Tetradic

#DFB363

#63DF75

#638FDF

#DF63CD

Color Blindness Simulation

Original

#DFB363

Protanopia

#CCCC76

Deuteranopia

#CED27B

Tritanopia

#DD8689

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FCF9F3
100
#F7F0E3
200
#F3E2C4
300
#EACE99
400
#DFB362
500
#D4982B
600
#A97A23
700
#87611C
800
#6A4C16
900
#4D3914
950
#31240C

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.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