#C31418

#C31418

Color Values

HEX

#C31418

RGB

195, 20, 24

HSL

358.6, 81.4%, 42.2%

HSV

358.6, 89.7%, 76.5%

CMYK

0.0%, 89.7%, 87.7%, 23.5%

OKLCH

0.5202 0.2034 27.6

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#C31418

#14C3BF

Analogous

#C31470

#C36814

#C31418

Triadic

#C31418

#18C314

#1418C3

Split Complementary

#C31418

#14C368

#1470C3

Tetradic

#C31418

#70C314

#14C3BF

#6814C3

Color Blindness Simulation

Original

#C31418

Protanopia

#777617

Deuteranopia

#818E17

Tritanopia

#BA1616

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E1
200
#F8BEC0
300
#F49092
400
#ED5457
500
#E7181D
600
#B91317
700
#940F12
800
#740C0E
900
#540D0F
950
#350809

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

3.43:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026