#DC8F40

#DC8F40

Color Values

HEX

#DC8F40

RGB

220, 143, 64

HSL

30.4, 69.0%, 55.7%

HSV

30.4, 70.9%, 86.3%

CMYK

0.0%, 35.0%, 70.9%, 13.7%

OKLCH

0.7145 0.1319 63.3

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#DC8F40

#408DDC

Analogous

#DC4140

#DBDC40

#DC8F40

Triadic

#DC8F40

#40DC8F

#8F40DC

Split Complementary

#DC8F40

#40DBDC

#4140DC

Tetradic

#DC8F40

#40DC41

#408DDC

#DC40DB

Color Blindness Simulation

Original

#DC8F40

Protanopia

#BBBA53

Deuteranopia

#BFC558

Tritanopia

#D86266

Achromatopsia

#9A9A9A

CSS Usage

background-color: #DC8F40;
color: #DC8F40;
border-color: #DC8F40;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DCC3
300
#ECC298
400
#E2A260
500
#D78128
600
#AC6720
700
#8A5219
800
#6C4014
900
#4F3112
950
#321F0C

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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