#C380BC

#C380BC

Color Values

HEX

#C380BC

RGB

195, 128, 188

HSL

306.3, 35.8%, 63.3%

HSV

306.3, 34.4%, 76.5%

CMYK

0.0%, 34.4%, 3.6%, 23.5%

OKLCH

0.6884 0.1143 330.5

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C380BC

#80C387

Analogous

#A880C3

#C3809A

#C380BC

Triadic

#C380BC

#BCC380

#80BCC3

Split Complementary

#C380BC

#9AC380

#80C3A8

Tetradic

#C380BC

#C3A880

#80C387

#809AC3

Color Blindness Simulation

Original

#C380BC

Protanopia

#A6A5AD

Deuteranopia

#AAAFAA

Tritanopia

#C0A2A0

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CFE5
300
#D8ACD3
400
#C27FBB
500
#AD52A4
600
#8B4183
700
#6F3469
800
#572952
900
#40213D
950
#281526

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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