#C393BD

#C393BD

Color Values

HEX

#C393BD

RGB

195, 147, 189

HSL

307.5, 28.6%, 67.1%

HSV

307.5, 24.6%, 76.5%

CMYK

0.0%, 24.6%, 3.1%, 23.5%

OKLCH

0.7221 0.0807 330.7

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C393BD

#93C399

Analogous

#B193C3

#C393A5

#C393BD

Triadic

#C393BD

#BDC393

#93BDC3

Split Complementary

#C393BD

#A5C393

#93C3B1

Tetradic

#C393BD

#C3B193

#93C399

#93A5C3

Color Blindness Simulation

Original

#C393BD

Protanopia

#AEAEB3

Deuteranopia

#B1B5B0

Tritanopia

#C1ABA9

Achromatopsia

#A0A0A0

CSS Usage

background-color: #C393BD;
color: #C393BD;
border-color: #C393BD;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F9
100
#F1E9F0
200
#E6D1E3
300
#D3B0CF
400
#BC86B5
500
#A45B9B
600
#83497C
700
#693A63
800
#522E4D
900
#3D243A
950
#261725

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.23:1

AA Pass AAA Pass

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