#CC9347

#CC9347

Color Values

HEX

#CC9347

RGB

204, 147, 71

HSL

34.3, 56.6%, 53.9%

HSV

34.3, 65.2%, 80.0%

CMYK

0.0%, 27.9%, 65.2%, 20.0%

OKLCH

0.7042 0.1152 71.8

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#CC9347

#4780CC

Analogous

#CC5047

#C2CC47

#CC9347

Triadic

#CC9347

#47CC93

#9347CC

Split Complementary

#CC9347

#47C2CC

#5047CC

Tetradic

#CC9347

#47CC50

#4780CC

#CC47C2

Color Blindness Simulation

Original

#CC9347

Protanopia

#B3B359

Deuteranopia

#B7BB5E

Tritanopia

#C9686B

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE5
200
#F0DEC7
300
#E4C79F
400
#D6A86B
500
#C88A37
600
#A06E2C
700
#805823
800
#64451C
900
#493418
950
#2E210F

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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