#C22D36

#C22D36

Color Values

HEX

#C22D36

RGB

194, 45, 54

HSL

356.4, 62.3%, 46.9%

HSV

356.4, 76.8%, 76.1%

CMYK

0.0%, 76.8%, 72.2%, 23.9%

OKLCH

0.537 0.1848 23.2

Properties

Warm Dark Nearest: RAL 3028 Pure Red

Color Harmonies

Complementary

#C22D36

#2DC2B9

Analogous

#C22D81

#C26F2D

#C22D36

Triadic

#C22D36

#36C22D

#2D36C2

Split Complementary

#C22D36

#2DC26F

#2D81C2

Tetradic

#C22D36

#81C22D

#2DC2B9

#6F2DC2

Color Blindness Simulation

Original

#C22D36

Protanopia

#818034

Deuteranopia

#8A9533

Tritanopia

#BB3232

Achromatopsia

#4D4D4D

CSS Usage

background-color: #C22D36;
color: #C22D36;
border-color: #C22D36;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FBF3F4
100
#F7E4E5
200
#F2C5C8
300
#E89CA0
400
#DB666D
500
#CF303A
600
#A6262E
700
#841F25
800
#67181D
900
#4C1519
950
#300D10

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

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