#DF984D

#DF984D

Color Values

HEX

#DF984D

RGB

223, 152, 77

HSL

30.8, 69.5%, 58.8%

HSV

30.8, 65.5%, 87.5%

CMYK

0.0%, 31.8%, 65.5%, 12.5%

OKLCH

0.7358 0.1246 65.1

Properties

Warm Light Nearest: sandybrown

Color Harmonies

Complementary

#DF984D

#4D94DF

Analogous

#DF4F4D

#DDDF4D

#DF984D

Triadic

#DF984D

#4DDF98

#984DDF

Split Complementary

#DF984D

#4DDDDF

#4F4DDF

Tetradic

#DF984D

#4DDF4F

#4D94DF

#DF4DDD

Color Blindness Simulation

Original

#DF984D

Protanopia

#C0C05F

Deuteranopia

#C4CA64

Tritanopia

#DB6D71

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DCC2
300
#ECC397
400
#E2A25F
500
#D88227
600
#AD681F
700
#8A5319
800
#6C4113
900
#4F3112
950
#321F0B

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026