#BA66DC

#BA66DC

Color Values

HEX

#BA66DC

RGB

186, 102, 220

HSL

282.7, 62.8%, 63.1%

HSV

282.7, 53.6%, 86.3%

CMYK

15.5%, 53.6%, 0.0%, 13.7%

OKLCH

0.653 0.1859 315.3

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BA66DC

#88DC66

Analogous

#7F66DC

#DC66C3

#BA66DC

Triadic

#BA66DC

#DCBA66

#66DCBA

Split Complementary

#BA66DC

#C3DC66

#66DC7F

Tetradic

#BA66DC

#DC7F66

#88DC66

#66C3DC

Color Blindness Simulation

Original

#BA66DC

Protanopia

#9695BF

Deuteranopia

#9AA1B9

Tritanopia

#B6A9A4

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F9F3FB
100
#F1E4F7
200
#E5C5F2
300
#D29BE8
400
#BA65DC
500
#A12FD0
600
#8126A6
700
#671E85
800
#511868
900
#3C154C
950
#260D30

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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