#C35B93

#C35B93

Color Values

HEX

#C35B93

RGB

195, 91, 147

HSL

327.7, 46.4%, 56.1%

HSV

327.7, 53.3%, 76.5%

CMYK

0.0%, 53.3%, 24.6%, 23.5%

OKLCH

0.6154 0.1472 348.8

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C35B93

#5BC38B

Analogous

#BF5BC3

#C35B5F

#C35B93

Triadic

#C35B93

#93C35B

#5B93C3

Split Complementary

#C35B93

#5FC35B

#5BC3BF

Tetradic

#C35B93

#C3BF5B

#5BC38B

#5B5FC3

Color Blindness Simulation

Original

#C35B93

Protanopia

#969585

Deuteranopia

#9CA482

Tritanopia

#BE7B78

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDD
300
#DEA5C4
400
#CC75A4
500
#BB4484
600
#95376A
700
#772C55
800
#5D2242
900
#451C32
950
#2B1220

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

5.24:1

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