#C33C55

#C33C55

Color Values

HEX

#C33C55

RGB

195, 60, 85

HSL

348.9, 52.9%, 50.0%

HSV

348.9, 69.2%, 76.5%

CMYK

0.0%, 69.2%, 56.4%, 23.5%

OKLCH

0.5586 0.1708 13.9

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#C33C55

#3CC3AA

Analogous

#C33C98

#C3673C

#C33C55

Triadic

#C33C55

#55C33C

#3C55C3

Split Complementary

#C33C55

#3CC367

#3C98C3

Tetradic

#C33C55

#98C33C

#3CC3AA

#673CC3

Color Blindness Simulation

Original

#C33C55

Protanopia

#89874F

Deuteranopia

#909A4E

Tritanopia

#BC4A49

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E5E8
200
#EEC8CF
300
#E2A1AD
400
#D36F81
500
#C33C55
600
#9C3044
700
#7D2636
800
#611E2B
900
#481922
950
#2D1015

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