#BC66DC

#BC66DC

Color Values

HEX

#BC66DC

RGB

188, 102, 220

HSL

283.7, 62.8%, 63.1%

HSV

283.7, 53.6%, 86.3%

CMYK

14.5%, 53.6%, 0.0%, 13.7%

OKLCH

0.6553 0.1868 316.1

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#BC66DC

#86DC66

Analogous

#8166DC

#DC66C1

#BC66DC

Triadic

#BC66DC

#DCBC66

#66DCBC

Split Complementary

#BC66DC

#C1DC66

#66DC81

Tetradic

#BC66DC

#DC8166

#86DC66

#66C1DC

Color Blindness Simulation

Original

#BC66DC

Protanopia

#9796BF

Deuteranopia

#9CA2B9

Tritanopia

#B8A9A4

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F9F3FB
100
#F2E4F7
200
#E6C5F2
300
#D39BE8
400
#BC65DC
500
#A42FD0
600
#8326A6
700
#691E85
800
#521868
900
#3D154C
950
#260D30

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.07:1

AA Pass AAA Fail

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