#C7291C

#C7291C

Color Values

HEX

#C7291C

RGB

199, 41, 28

HSL

4.6, 75.3%, 44.5%

HSV

4.6, 85.9%, 78.0%

CMYK

0.0%, 79.4%, 85.9%, 22.0%

OKLCH

0.5401 0.1954 29.7

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#C7291C

#1CBAC7

Analogous

#C71C64

#C77F1C

#C7291C

Triadic

#C7291C

#1CC729

#291CC7

Split Complementary

#C7291C

#1CC77F

#1C64C7

Tetradic

#C7291C

#64C71C

#1CBAC7

#7F1CC7

Color Blindness Simulation

Original

#C7291C

Protanopia

#83811F

Deuteranopia

#8C9820

Tritanopia

#BF2222

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C5C0
300
#F09B94
400
#E8645A
500
#E02E1F
600
#B32519
700
#8F1E14
800
#701710
900
#511510
950
#330D0A

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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