#CC801B

#CC801B

Color Values

HEX

#CC801B

RGB

204, 128, 27

HSL

34.2, 76.6%, 45.3%

HSV

34.2, 86.8%, 80.0%

CMYK

0.0%, 37.3%, 86.8%, 20.0%

OKLCH

0.6652 0.1397 66.6

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CC801B

#1B67CC

Analogous

#CC271B

#C0CC1B

#CC801B

Triadic

#CC801B

#1BCC80

#801BCC

Split Complementary

#CC801B

#1BC0CC

#271BCC

Tetradic

#CC801B

#1BCC27

#1B67CC

#CC1BC0

Color Blindness Simulation

Original

#CC801B

Protanopia

#ABAA33

Deuteranopia

#B0B539

Tritanopia

#C8474B

Achromatopsia

#898989

CSS Usage

background-color: #CC801B;
color: #CC801B;
border-color: #CC801B;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F7DFC0
300
#F1C893
400
#E9AB58
500
#E18D1E
600
#B47118
700
#905A13
800
#71470F
900
#52350F
950
#34220A

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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