#C3091F

#C3091F

Color Values

HEX

#C3091F

RGB

195, 9, 31

HSL

352.9, 91.2%, 40.0%

HSV

352.9, 95.4%, 76.5%

CMYK

0.0%, 95.4%, 84.1%, 23.5%

OKLCH

0.5172 0.2063 25.4

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#C3091F

#09C3AD

Analogous

#C3097C

#C35009

#C3091F

Triadic

#C3091F

#1FC309

#091FC3

Split Complementary

#C3091F

#09C350

#097CC3

Tetradic

#C3091F

#7CC309

#09C3AD

#5009C3

Color Blindness Simulation

Original

#C3091F

Protanopia

#72711A

Deuteranopia

#7D8B18

Tritanopia

#BA1515

Achromatopsia

#323232

CSS Usage

background-color: #C3091F;
color: #C3091F;
border-color: #C3091F;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FCBBC2
300
#FA8A97
400
#F74B5F
500
#F40B27
600
#C3091F
700
#9C0719
800
#7A0613
900
#580912
950
#38050B

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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