#C33C56

#C33C56

Color Values

HEX

#C33C56

RGB

195, 60, 86

HSL

348.4, 52.9%, 50.0%

HSV

348.4, 69.2%, 76.5%

CMYK

0.0%, 69.2%, 55.9%, 23.5%

OKLCH

0.5589 0.1708 13.5

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#C33C56

#3CC3A9

Analogous

#C33C9A

#C3653C

#C33C56

Triadic

#C33C56

#56C33C

#3C56C3

Split Complementary

#C33C56

#3CC365

#3C9AC3

Tetradic

#C33C56

#9AC33C

#3CC3A9

#653CC3

Color Blindness Simulation

Original

#C33C56

Protanopia

#898750

Deuteranopia

#909A4E

Tritanopia

#BC4B4A

Achromatopsia

#5B5B5B

CSS Usage

background-color: #C33C56;
color: #C33C56;
border-color: #C33C56;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FBF4F5
100
#F5E5E8
200
#EEC8D0
300
#E2A1AE
400
#D36F82
500
#C33C56
600
#9C3045
700
#7D2637
800
#611E2B
900
#481922
950
#2D1016

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026