#CC8341

#CC8341

Color Values

HEX

#CC8341

RGB

204, 131, 65

HSL

28.5, 57.7%, 52.7%

HSV

28.5, 68.1%, 80.0%

CMYK

0.0%, 35.8%, 68.1%, 20.0%

OKLCH

0.6735 0.1213 60.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#CC8341

#418ACC

Analogous

#CC4144

#CCC941

#CC8341

Triadic

#CC8341

#41CC83

#8341CC

Split Complementary

#CC8341

#41CCC9

#4144CC

Tetradic

#CC8341

#44CC41

#418ACC

#C941CC

Color Blindness Simulation

Original

#CC8341

Protanopia

#ACAC51

Deuteranopia

#B1B655

Tritanopia

#C85E60

Achromatopsia

#8E8E8E

CSS Usage

background-color: #CC8341;
color: #CC8341;
border-color: #CC8341;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF7F4
100
#F6EDE4
200
#F0DAC7
300
#E5C09E
400
#D79E6A
500
#C97C36
600
#A1632B
700
#814F23
800
#653E1B
900
#4A2F17
950
#2E1E0F

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.89:1

AA Pass AAA Fail

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