#C386EF

#C386EF

Color Values

HEX

#C386EF

RGB

195, 134, 239

HSL

274.9, 76.6%, 73.1%

HSV

274.9, 43.9%, 93.7%

CMYK

18.4%, 43.9%, 0.0%, 6.3%

OKLCH

0.7212 0.1592 309.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C386EF

#B2EF86

Analogous

#8E86EF

#EF86E6

#C386EF

Triadic

#C386EF

#EFC386

#86EFC3

Split Complementary

#C386EF

#E6EF86

#86EF8E

Tetradic

#C386EF

#EF8E86

#B2EF86

#86E6EF

Color Blindness Simulation

Original

#C386EF

Protanopia

#A9A8D6

Deuteranopia

#ACB1CF

Tritanopia

#C0C2BD

Achromatopsia

#9B9B9B

CSS Usage

background-color: #C386EF;
color: #C386EF;
border-color: #C386EF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#E0C0F7
300
#C993F1
400
#AC58E9
500
#8F1EE1
600
#7318B4
700
#5C1390
800
#480F71
900
#360F52
950
#220A34

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.98:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026