#CC0018

#CC0018

Color Values

HEX

#CC0018

RGB

204, 0, 24

HSL

352.9, 100.0%, 40.0%

HSV

352.9, 100.0%, 80.0%

CMYK

0.0%, 100.0%, 88.2%, 20.0%

OKLCH

0.5318 0.2165 26.6

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#CC0018

#00CCB4

Analogous

#CC007E

#CC4E00

#CC0018

Triadic

#CC0018

#18CC00

#0018CC

Split Complementary

#CC0018

#00CC4E

#007ECC

Tetradic

#CC0018

#7ECC00

#00CCB4

#4E00CC

Color Blindness Simulation

Original

#CC0018

Protanopia

#747212

Deuteranopia

#808F11

Tritanopia

#C20E0D

Achromatopsia

#2D2D2D

CSS Usage

background-color: #CC0018;
color: #CC0018;
border-color: #CC0018;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FEF1F2
100
#FCDEE2
200
#FFB8C0
300
#FF8593
400
#FF4259
500
#FF001E
600
#CC0018
700
#A30013
800
#80000F
900
#5C050F
950
#3A030A

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

3.58:1

AA Fail 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