#C22528

#C22528

Color Values

HEX

#C22528

RGB

194, 37, 40

HSL

358.9, 68.0%, 45.3%

HSV

358.9, 80.9%, 76.1%

CMYK

0.0%, 80.9%, 79.4%, 23.9%

OKLCH

0.5291 0.192 26.1

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#C22528

#25C2BF

Analogous

#C22576

#C27125

#C22528

Triadic

#C22528

#28C225

#2528C2

Split Complementary

#C22528

#25C271

#2576C2

Tetradic

#C22528

#76C225

#25C2BF

#7125C2

Color Blindness Simulation

Original

#C22528

Protanopia

#7E7D27

Deuteranopia

#879327

Tritanopia

#BA2727

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F4C3C4
300
#EB989A
400
#E16063
500
#D6292C
600
#AB2123
700
#891A1C
800
#6B1416
900
#4E1314
950
#310C0D

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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