#DC964B

#DC964B

Color Values

HEX

#DC964B

RGB

220, 150, 75

HSL

31.0, 67.4%, 57.8%

HSV

31.0, 65.9%, 86.3%

CMYK

0.0%, 31.8%, 65.9%, 13.7%

OKLCH

0.7285 0.1239 65.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#DC964B

#4B91DC

Analogous

#DC4D4B

#DADC4B

#DC964B

Triadic

#DC964B

#4BDC96

#964BDC

Split Complementary

#DC964B

#4BDADC

#4D4BDC

Tetradic

#DC964B

#4BDC4D

#4B91DC

#DC4BDA

Color Blindness Simulation

Original

#DC964B

Protanopia

#BEBD5D

Deuteranopia

#C2C762

Tritanopia

#D86B6F

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DCC3
300
#EBC399
400
#E0A361
500
#D5822A
600
#AB6821
700
#89531B
800
#6B4115
900
#4E3113
950
#311F0C

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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