#DC9F49

#DC9F49

Color Values

HEX

#DC9F49

RGB

220, 159, 73

HSL

35.1, 67.7%, 57.5%

HSV

35.1, 66.8%, 86.3%

CMYK

0.0%, 27.7%, 66.8%, 13.7%

OKLCH

0.7451 0.1249 73.0

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#DC9F49

#4986DC

Analogous

#DC5649

#D0DC49

#DC9F49

Triadic

#DC9F49

#49DC9F

#9F49DC

Split Complementary

#DC9F49

#49D0DC

#5649DC

Tetradic

#DC9F49

#49DC56

#4986DC

#DC49D0

Color Blindness Simulation

Original

#DC9F49

Protanopia

#C2C15E

Deuteranopia

#C5CA63

Tritanopia

#D96E72

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F3DFC3
300
#EBC998
400
#E1AC61
500
#D68E29
600
#AB7221
700
#895B1A
800
#6B4715
900
#4E3513
950
#31220C

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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