#C381BD

#C381BD

Color Values

HEX

#C381BD

RGB

195, 129, 189

HSL

305.5, 35.5%, 63.5%

HSV

305.5, 33.8%, 76.5%

CMYK

0.0%, 33.8%, 3.1%, 23.5%

OKLCH

0.6905 0.1134 329.9

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C381BD

#81C387

Analogous

#A881C3

#C3819C

#C381BD

Triadic

#C381BD

#BDC381

#81BDC3

Split Complementary

#C381BD

#9CC381

#81C3A8

Tetradic

#C381BD

#C3A881

#81C387

#819CC3

Color Blindness Simulation

Original

#C381BD

Protanopia

#A6A6AE

Deuteranopia

#AAAFAB

Tritanopia

#C0A3A0

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F2
200
#E8CFE6
300
#D8ACD4
400
#C27FBC
500
#AD52A4
600
#8A4284
700
#6F3569
800
#562952
900
#40213D
950
#281527

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

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