#C389CE

#C389CE

Color Values

HEX

#C389CE

RGB

195, 137, 206

HSL

290,4, 41,3%, 67,3%

HSV

290,4, 33,5%, 80,8%

CMYK

5,3%, 33,5%, 0,0%, 19,2%

OKLCH

0,7111 0,1165 321,0

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#C389CE

#94CE89

Analogous

#A189CE

#CE89B7

#C389CE

Triadic

#C389CE

#CEC389

#89CEC3

Split Complementary

#C389CE

#B7CE89

#89CEA1

Tetradic

#C389CE

#CEA189

#94CE89

#89B7CE

Color Blindness Simulation

Original

#C389CE

Protanopia

#AAA9BD

Deuteranopia

#ADB2B9

Tritanopia

#C0B0AD

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E7F3
200
#E5CDEA
300
#D3A9DB
400
#BB7AC8
500
#A34BB4
600
#833C90
700
#693073
800
#52255A
900
#3D1E42
950
#26132A

Contrast Checker

Text on white

2,7:1

AA Fail AAA Fail

Text on black

7,79:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026