#DC9645

#DC9645

Color Values

HEX

#DC9645

RGB

220, 150, 69

HSL

32.2, 68.3%, 56.7%

HSV

32.2, 68.6%, 86.3%

CMYK

0.0%, 31.8%, 68.6%, 13.7%

OKLCH

0.7278 0.1277 67.1

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#DC9645

#458BDC

Analogous

#DC4B45

#D6DC45

#DC9645

Triadic

#DC9645

#45DC96

#9645DC

Split Complementary

#DC9645

#45D6DC

#4B45DC

Tetradic

#DC9645

#45DC4B

#458BDC

#DC45D6

Color Blindness Simulation

Original

#DC9645

Protanopia

#BEBD59

Deuteranopia

#C2C75D

Tritanopia

#D8686B

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DDC3
300
#ECC598
400
#E1A560
500
#D78628
600
#AC6B20
700
#89561A
800
#6B4314
900
#4E3313
950
#31200C

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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