#C189CE

#C189CE

Color Values

HEX

#C189CE

RGB

193, 137, 206

HSL

288.7, 41.3%, 67.3%

HSV

288.7, 33.5%, 80.8%

CMYK

6.3%, 33.5%, 0.0%, 19.2%

OKLCH

0.709 0.1153 319.9

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#C189CE

#96CE89

Analogous

#9F89CE

#CE89B9

#C189CE

Triadic

#C189CE

#CEC189

#89CEC1

Split Complementary

#C189CE

#B9CE89

#89CE9F

Tetradic

#C189CE

#CE9F89

#96CE89

#89B9CE

Color Blindness Simulation

Original

#C189CE

Protanopia

#A9A8BD

Deuteranopia

#ACB0B9

Tritanopia

#BEB0AD

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E7F3
200
#E4CDEA
300
#D2A9DB
400
#B97AC8
500
#A04BB4
600
#803C90
700
#673073
800
#50255A
900
#3C1E42
950
#26132A

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026