#DF8A63

#DF8A63

Color Values

HEX

#DF8A63

RGB

223, 138, 99

HSL

18.9, 66.0%, 63.1%

HSV

18.9, 55.6%, 87.5%

CMYK

0.0%, 38.1%, 55.6%, 12.5%

OKLCH

0.7139 0.1171 45.1

Properties

Warm Light Nearest: lightsalmon 2

Color Harmonies

Complementary

#DF8A63

#63B8DF

Analogous

#DF637A

#DFC863

#DF8A63

Triadic

#DF8A63

#63DF8A

#8A63DF

Split Complementary

#DF8A63

#63DFC8

#637ADF

Tetradic

#DF8A63

#7ADF63

#63B8DF

#C863DF

Color Blindness Simulation

Original

#DF8A63

Protanopia

#BAB96C

Deuteranopia

#BFC66F

Tritanopia

#DB7476

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F7E9E3
200
#F3D3C4
300
#EAB399
400
#DF8A62
500
#D4602B
600
#A94D23
700
#873E1C
800
#6A3016
900
#4D2614
950
#31180C

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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