#DF977C

#DF977C

Color Values

HEX

#DF977C

RGB

223, 151, 124

HSL

16.4, 60.7%, 68.0%

HSV

16.4, 44.4%, 87.5%

CMYK

0.0%, 32.3%, 44.4%, 12.5%

OKLCH

0.7413 0.0952 41.4

Properties

Warm Light Nearest: Copper

Color Harmonies

Complementary

#DF977C

#7CC4DF

Analogous

#DF7C92

#DFC87C

#DF977C

Triadic

#DF977C

#7CDF97

#977CDF

Split Complementary

#DF977C

#7CDFC8

#7C92DF

Tetradic

#DF977C

#92DF7C

#7CC4DF

#C87CDF

Color Blindness Simulation

Original

#DF977C

Protanopia

#C0BF83

Deuteranopia

#C4C984

Tritanopia

#DB8889

Achromatopsia

#A4A4A4

CSS Usage

background-color: #DF977C;
color: #DF977C;
border-color: #DF977C;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FBF6F3
100
#F6E9E4
200
#F1D1C6
300
#E7B19D
400
#DA8767
500
#CD5C32
600
#A44A28
700
#833B20
800
#662E19
900
#4B2416
950
#2F170E

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026