#C33D36

#C33D36

Color Values

HEX

#C33D36

RGB

195, 61, 54

HSL

3.0, 56.6%, 48.8%

HSV

3.0, 72.3%, 76.5%

CMYK

0.0%, 68.7%, 72.3%, 23.5%

OKLCH

0.5541 0.1717 27.2

Properties

Warm Dark Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#C33D36

#36BCC3

Analogous

#C33675

#C38336

#C33D36

Triadic

#C33D36

#36C33D

#3D36C3

Split Complementary

#C33D36

#36C383

#3675C3

Tetradic

#C33D36

#75C336

#36BCC3

#8336C3

Color Blindness Simulation

Original

#C33D36

Protanopia

#898838

Deuteranopia

#919B38

Tritanopia

#BC3939

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E5
200
#F0C9C7
300
#E4A39F
400
#D6716B
500
#C83F37
600
#A0322C
700
#802823
800
#641F1C
900
#491A18
950
#2E110F

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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