#DC9D49

#DC9D49

Color Values

HEX

#DC9D49

RGB

220, 157, 73

HSL

34.3, 67.7%, 57.5%

HSV

34.3, 66.8%, 86.3%

CMYK

0.0%, 28.6%, 66.8%, 13.7%

OKLCH

0.7413 0.1248 71.4

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#DC9D49

#4988DC

Analogous

#DC5449

#D1DC49

#DC9D49

Triadic

#DC9D49

#49DC9D

#9D49DC

Split Complementary

#DC9D49

#49D1DC

#5449DC

Tetradic

#DC9D49

#49DC54

#4988DC

#DC49D1

Color Blindness Simulation

Original

#DC9D49

Protanopia

#C1C05D

Deuteranopia

#C4C962

Tritanopia

#D96D71

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F3DFC3
300
#EBC898
400
#E1AA61
500
#D68C29
600
#AB7021
700
#895A1A
800
#6B4615
900
#4E3513
950
#31210C

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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