#CC8431

#CC8431

Color Values

HEX

#CC8431

RGB

204, 132, 49

HSL

32.1, 61.3%, 49.6%

HSV

32.1, 76.0%, 80.0%

CMYK

0.0%, 35.3%, 76.0%, 20.0%

OKLCH

0.6738 0.1298 65.6

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CC8431

#3179CC

Analogous

#CC3631

#C7CC31

#CC8431

Triadic

#CC8431

#31CC84

#8431CC

Split Complementary

#CC8431

#31C7CC

#3631CC

Tetradic

#CC8431

#31CC36

#3179CC

#CC31C7

Color Blindness Simulation

Original

#CC8431

Protanopia

#ADAC45

Deuteranopia

#B1B64A

Tritanopia

#C85558

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DDC5
300
#E7C49C
400
#DAA567
500
#CE8531
600
#A56A27
700
#845520
800
#674219
900
#4B3216
950
#2F200E

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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