#CC5000

#CC5000

Color Values

HEX

#CC5000

RGB

204, 80, 0

HSL

23.5, 100.0%, 40.0%

HSV

23.5, 100.0%, 80.0%

CMYK

0.0%, 60.8%, 100.0%, 20.0%

OKLCH

0.5881 0.1726 43.5

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#CC5000

#007CCC

Analogous

#CC0016

#CCB600

#CC5000

Triadic

#CC5000

#00CC50

#5000CC

Split Complementary

#CC5000

#00CCB6

#0016CC

Tetradic

#CC5000

#16CC00

#007CCC

#B600CC

Color Blindness Simulation

Original

#CC5000

Protanopia

#969513

Deuteranopia

#9EA718

Tritanopia

#C62326

Achromatopsia

#656565

CSS Usage

background-color: #CC5000;
color: #CC5000;
border-color: #CC5000;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FFD4B8
300
#FFB585
400
#FF8C42
500
#FF6400
600
#CC5000
700
#A34000
800
#803200
900
#5C2705
950
#3A1903

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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