#C35D97

#C35D97

Color Values

HEX

#C35D97

RGB

195, 93, 151

HSL

325.9, 45.9%, 56.5%

HSV

325.9, 52.3%, 76.5%

CMYK

0.0%, 52.3%, 22.6%, 23.5%

OKLCH

0.6197 0.1464 347.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C35D97

#5DC389

Analogous

#BC5DC3

#C35D64

#C35D97

Triadic

#C35D97

#97C35D

#5D97C3

Split Complementary

#C35D97

#64C35D

#5DC3BC

Tetradic

#C35D97

#C3BC5D

#5DC389

#5D64C3

Color Blindness Simulation

Original

#C35D97

Protanopia

#979689

Deuteranopia

#9DA486

Tritanopia

#BE7E7B

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDE
300
#DEA6C6
400
#CC75A7
500
#BA4587
600
#95376C
700
#772C57
800
#5D2244
900
#441C33
950
#2B1220

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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