#C35384

#C35384

Color Values

HEX

#C35384

RGB

195, 83, 132

HSL

333.8, 48.3%, 54.5%

HSV

333.8, 57.4%, 76.5%

CMYK

0.0%, 57.4%, 32.3%, 23.5%

OKLCH

0.5993 0.152 355.3

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C35384

#53C392

Analogous

#C353BC

#C35A53

#C35384

Triadic

#C35384

#84C353

#5384C3

Split Complementary

#C35384

#53C35A

#53BCC3

Tetradic

#C35384

#BCC353

#53C392

#5A53C3

Color Blindness Simulation

Original

#C35384

Protanopia

#929278

Deuteranopia

#99A175

Tritanopia

#BD6F6D

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EDCAD9
300
#DFA4BE
400
#CE739B
500
#BD4278
600
#973560
700
#792A4D
800
#5F213C
900
#461B2E
950
#2C111D

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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