#DC975B

#DC975B

Color Values

HEX

#DC975B

RGB

220, 151, 91

HSL

27.9, 64.8%, 61.0%

HSV

27.9, 58.6%, 86.3%

CMYK

0.0%, 31.4%, 58.6%, 13.7%

OKLCH

0.7323 0.1129 60.6

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#DC975B

#5BA0DC

Analogous

#DC5B60

#DCD75B

#DC975B

Triadic

#DC975B

#5BDC97

#975BDC

Split Complementary

#DC975B

#5BDCD7

#5B60DC

Tetradic

#DC975B

#60DC5B

#5BA0DC

#D75BDC

Color Blindness Simulation

Original

#DC975B

Protanopia

#BEBE6A

Deuteranopia

#C2C76D

Tritanopia

#D97578

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F2DAC4
300
#E9BF9A
400
#DE9C64
500
#D27A2D
600
#A86124
700
#864E1D
800
#693D16
900
#4D2E14
950
#301D0D

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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