#C35888

#C35888

Color Values

HEX

#C35888

RGB

195, 88, 136

HSL

333.1, 47.1%, 55.5%

HSV

333.1, 54.9%, 76.5%

CMYK

0.0%, 54.9%, 30.3%, 23.5%

OKLCH

0.6074 0.1462 354.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C35888

#58C393

Analogous

#C358BD

#C35E58

#C35888

Triadic

#C35888

#88C358

#5888C3

Split Complementary

#C35888

#58C35E

#58BDC3

Tetradic

#C35888

#BDC358

#58C393

#5E58C3

Color Blindness Simulation

Original

#C35888

Protanopia

#95947C

Deuteranopia

#9BA37A

Tritanopia

#BE7371

Achromatopsia

#727272

CSS Usage

background-color: #C35888;
color: #C35888;
border-color: #C35888;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCADA
300
#DFA5BF
400
#CD749C
500
#BC4379
600
#963661
700
#782B4E
800
#5E223D
900
#451C2E
950
#2C121D

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass 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