#CC7035

#CC7035

Color Values

HEX

#CC7035

RGB

204, 112, 53

HSL

23.4, 59.7%, 50.4%

HSV

23.4, 74.0%, 80.0%

CMYK

0.0%, 45.1%, 74.0%, 20.0%

OKLCH

0.6391 0.1367 50.5

Properties

Warm Light Nearest: sienna 3

Color Harmonies

Complementary

#CC7035

#3591CC

Analogous

#CC3546

#CCBB35

#CC7035

Triadic

#CC7035

#35CC70

#7035CC

Split Complementary

#CC7035

#35CCBB

#3546CC

Tetradic

#CC7035

#46CC35

#3591CC

#BB35CC

Color Blindness Simulation

Original

#CC7035

Protanopia

#A4A343

Deuteranopia

#AAB047

Tritanopia

#C74F51

Achromatopsia

#7F7F7F

CSS Usage

background-color: #CC7035;
color: #CC7035;
border-color: #CC7035;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FBF6F3
100
#F6EBE4
200
#F1D7C6
300
#E6BA9D
400
#D99468
500
#CC6F33
600
#A35929
700
#824721
800
#66371A
900
#4A2B16
950
#2F1B0E

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.94:1

AA Pass AAA Fail

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