#DC9223

#DC9223

Color Values

HEX

#DC9223

RGB

220, 146, 35

HSL

36.0, 72.5%, 50.0%

HSV

36.0, 84.1%, 86.3%

CMYK

0.0%, 33.6%, 84.1%, 13.7%

OKLCH

0.7179 0.1449 70.8

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#DC9223

#236DDC

Analogous

#DC3623

#C9DC23

#DC9223

Triadic

#DC9223

#23DC92

#9223DC

Split Complementary

#DC9223

#23C9DC

#3623DC

Tetradic

#DC9223

#23DC36

#236DDC

#DC23C9

Color Blindness Simulation

Original

#DC9223

Protanopia

#BCBB3E

Deuteranopia

#C0C644

Tritanopia

#D85358

Achromatopsia

#9A9A9A

CSS Usage

background-color: #DC9223;
color: #DC9223;
border-color: #DC9223;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCF8F3
100
#F8EFE2
200
#F5E0C1
300
#EECB95
400
#E5AE5C
500
#DC9223
600
#B0751C
700
#8D5D16
800
#6E4912
900
#503711
950
#33230B

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.18:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026