#C31209

#C31209

Color Values

HEX

#C31209

RGB

195, 18, 9

HSL

2.9, 91.2%, 40.0%

HSV

2.9, 95.4%, 76.5%

CMYK

0.0%, 90.8%, 95.4%, 23.5%

OKLCH

0.5186 0.2052 29.4

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#C31209

#09BAC3

Analogous

#C3095D

#C36F09

#C31209

Triadic

#C31209

#09C312

#1209C3

Split Complementary

#C31209

#09C36F

#095DC3

Tetradic

#C31209

#5DC309

#09BAC3

#6F09C3

Color Blindness Simulation

Original

#C31209

Protanopia

#76750B

Deuteranopia

#818E0C

Tritanopia

#BA0D0D

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE1DF
200
#FCBEBB
300
#FA8F8A
400
#F7534B
500
#F4160B
600
#C31209
700
#9C0E07
800
#7A0B06
900
#580D09
950
#380805

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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