#C389CC

#C389CC

Color Values

HEX

#C389CC

RGB

195, 137, 204

HSL

291.9, 39.6%, 66.9%

HSV

291.9, 32.8%, 80.0%

CMYK

4.4%, 32.8%, 0.0%, 20.0%

OKLCH

0.7103 0.1143 322.0

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#C389CC

#92CC89

Analogous

#A289CC

#CC89B4

#C389CC

Triadic

#C389CC

#CCC389

#89CCC3

Split Complementary

#C389CC

#B4CC89

#89CCA2

Tetradic

#C389CC

#CCA289

#92CC89

#89B4CC

Color Blindness Simulation

Original

#C389CC

Protanopia

#AAA9BC

Deuteranopia

#ADB2B8

Tritanopia

#C0AFAC

Achromatopsia

#9A9A9A

CSS Usage

background-color: #C389CC;
color: #C389CC;
border-color: #C389CC;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E6CDE9
300
#D3AADA
400
#BC7BC6
500
#A44DB2
600
#833E8E
700
#693172
800
#522759
900
#3D1F42
950
#27142A

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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