#C30304

#C30304

Color Values

HEX

#C30304

RGB

195, 3, 4

HSL

359.7, 97.0%, 38.8%

HSV

359.7, 98.5%, 76.5%

CMYK

0.0%, 98.5%, 97.9%, 23.5%

OKLCH

0.5141 0.2096 29.0

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#C30304

#03C3C2

Analogous

#C30364

#C36203

#C30304

Triadic

#C30304

#04C303

#0304C3

Split Complementary

#C30304

#03C362

#0364C3

Tetradic

#C30304

#64C303

#03C3C2

#6203C3

Color Blindness Simulation

Original

#C30304

Protanopia

#706E04

Deuteranopia

#7B8904

Tritanopia

#B90404

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDF
200
#FEB9B9
300
#FD8687
400
#FC4546
500
#FB0405
600
#C90304
700
#A10203
800
#7E0203
900
#5B0607
950
#390404

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

3.34:1

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