#DC9347

#DC9347

Color Values

HEX

#DC9347

RGB

220, 147, 71

HSL

30.6, 68.0%, 57.1%

HSV

30.6, 67.7%, 86.3%

CMYK

0.0%, 33.2%, 67.7%, 13.7%

OKLCH

0.7225 0.1269 64.3

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#DC9347

#4790DC

Analogous

#DC4947

#DBDC47

#DC9347

Triadic

#DC9347

#47DC93

#9347DC

Split Complementary

#DC9347

#47DBDC

#4947DC

Tetradic

#DC9347

#47DC49

#4790DC

#DC47DB

Color Blindness Simulation

Original

#DC9347

Protanopia

#BCBC59

Deuteranopia

#C1C65E

Tritanopia

#D8686B

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F4DCC3
300
#EBC398
400
#E1A260
500
#D68129
600
#AB6721
700
#89531A
800
#6B4114
900
#4E3113
950
#311F0C

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026