#C53332

#C53332

Color Values

HEX

#C53332

RGB

197, 51, 50

HSL

0,4, 59,5%, 48,4%

HSV

0,4, 74,6%, 77,3%

CMYK

0,0%, 74,1%, 74,6%, 22,7%

OKLCH

0,547 0,1832 26,0

Properties

Warm Dark Nearest: RAL 3028 Pure Red

Color Harmonies

Complementary

#C53332

#32C4C5

Analogous

#C5327A

#C57C32

#C53332

Triadic

#C53332

#32C533

#3332C5

Split Complementary

#C53332

#32C57C

#327AC5

Tetradic

#C53332

#7AC532

#32C4C5

#7C32C5

Color Blindness Simulation

Original

#C53332

Protanopia

#868532

Deuteranopia

#8E9932

Tritanopia

#BE3232

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E4E4
200
#F1C6C6
300
#E69E9D
400
#D96969
500
#CB3534
600
#A32A29
700
#822221
800
#661A1A
900
#4A1717
950
#2F0E0E

Contrast Checker

Text on white

5,39:1

AA Pass AAA Fail

Text on black

3,89: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