#C11618

#C11618

Color Values

HEX

#C11618

RGB

193, 22, 24

HSL

359.3, 79.5%, 42.2%

HSV

359.3, 88.6%, 75.7%

CMYK

0.0%, 88.6%, 87.6%, 24.3%

OKLCH

0.5172 0.2009 27.7

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#C11618

#16C1BF

Analogous

#C1166E

#C16A16

#C11618

Triadic

#C11618

#18C116

#1618C1

Split Complementary

#C11618

#16C16A

#166EC1

Tetradic

#C11618

#6EC116

#16C1BF

#6A16C1

Color Blindness Simulation

Original

#C11618

Protanopia

#777518

Deuteranopia

#818E17

Tritanopia

#B81717

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#F9E1E1
200
#F8BFC0
300
#F29192
400
#EC5657
500
#E51A1D
600
#B71517
700
#921112
800
#720D0E
900
#530E0F
950
#340909

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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