#C53334

#C53334

Color Values

HEX

#C53334

RGB

197, 51, 52

HSL

359.6, 58.9%, 48.6%

HSV

359.6, 74.1%, 77.3%

CMYK

0.0%, 74.1%, 73.6%, 22.7%

OKLCH

0.5473 0.183 25.3

Properties

Warm Dark Nearest: RAL 3028 Pure Red

Color Harmonies

Complementary

#C53334

#33C5C4

Analogous

#C5337D

#C57B33

#C53334

Triadic

#C53334

#34C533

#3334C5

Split Complementary

#C53334

#33C57B

#337DC5

Tetradic

#C53334

#7DC533

#33C5C4

#7B33C5

Color Blindness Simulation

Original

#C53334

Protanopia

#868534

Deuteranopia

#8E9934

Tritanopia

#BE3434

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E4E4
200
#F0C6C7
300
#E69E9E
400
#D8696A
500
#CB3435
600
#A22A2B
700
#822222
800
#651A1B
900
#4A1717
950
#2F0E0F

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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