#DF8963

#DF8963

Color Values

HEX

#DF8963

RGB

223, 137, 99

HSL

18,4, 66,0%, 63,1%

HSV

18,4, 55,6%, 87,5%

CMYK

0,0%, 38,6%, 55,6%, 12,5%

OKLCH

0,7121 0,1178 44,3

Properties

Warm Light Nearest: lightsalmon 2

Color Harmonies

Complementary

#DF8963

#63B9DF

Analogous

#DF637B

#DFC763

#DF8963

Triadic

#DF8963

#63DF89

#8963DF

Split Complementary

#DF8963

#63DFC7

#637BDF

Tetradic

#DF8963

#7BDF63

#63B9DF

#C763DF

Color Blindness Simulation

Original

#DF8963

Protanopia

#BAB96C

Deuteranopia

#BFC56E

Tritanopia

#DB7375

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F7E9E3
200
#F3D2C4
300
#EAB299
400
#DF8962
500
#D45F2B
600
#A94C23
700
#873D1C
800
#6A2F16
900
#4D2514
950
#31180C

Contrast Checker

Text on white

2,66:1

AA Fail AAA Fail

Text on black

7,9:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026