#C686F3

#C686F3

Color Values

HEX

#C686F3

RGB

198, 134, 243

HSL

275.2, 82.0%, 73.9%

HSV

275.2, 44.9%, 95.3%

CMYK

18.5%, 44.9%, 0.0%, 4.7%

OKLCH

0.7263 0.1649 309.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C686F3

#B3F386

Analogous

#8F86F3

#F386EA

#C686F3

Triadic

#C686F3

#F3C686

#86F3C6

Split Complementary

#C686F3

#EAF386

#86F38F

Tetradic

#C686F3

#F38F86

#B3F386

#86EAF3

Color Blindness Simulation

Original

#C686F3

Protanopia

#AAAAD9

Deuteranopia

#AEB3D2

Tritanopia

#C3C4BF

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1FA
200
#E0BEF9
300
#CA90F4
400
#AE53EE
500
#9217E8
600
#7412BA
700
#5D0F95
800
#490B74
900
#370D54
950
#230835

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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