#BA69D8

#BA69D8

Color Values

HEX

#BA69D8

RGB

186, 105, 216

HSL

283.8, 58.7%, 62.9%

HSV

283.8, 51.4%, 84.7%

CMYK

13.9%, 51.4%, 0.0%, 15.3%

OKLCH

0.6551 0.177 316.2

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BA69D8

#87D869

Analogous

#8269D8

#D869BE

#BA69D8

Triadic

#BA69D8

#D8BA69

#69D8BA

Split Complementary

#BA69D8

#BED869

#69D882

Tetradic

#BA69D8

#D88269

#87D869

#69BED8

Color Blindness Simulation

Original

#BA69D8

Protanopia

#9796BD

Deuteranopia

#9CA2B7

Tritanopia

#B6A8A3

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F1E4F6
200
#E5C6F0
300
#D29EE6
400
#BA69D8
500
#A235CA
600
#822AA2
700
#682281
800
#511A65
900
#3C174A
950
#260E2F

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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