#DC9150

#DC9150

Color Values

HEX

#DC9150

RGB

220, 145, 80

HSL

27.9, 66.7%, 58.8%

HSV

27.9, 63.6%, 86.3%

CMYK

0.0%, 34.1%, 63.6%, 13.7%

OKLCH

0.7199 0.1218 59.9

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#DC9150

#509BDC

Analogous

#DC5055

#DCD750

#DC9150

Triadic

#DC9150

#50DC91

#9150DC

Split Complementary

#DC9150

#50DCD7

#5055DC

Tetradic

#DC9150

#55DC50

#509BDC

#D750DC

Color Blindness Simulation

Original

#DC9150

Protanopia

#BCBB60

Deuteranopia

#C0C664

Tritanopia

#D86C6F

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F3DAC3
300
#EBBF99
400
#E09C62
500
#D57A2A
600
#AA6122
700
#884E1B
800
#6A3D15
900
#4E2E13
950
#311D0C

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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