#BB69FE

#BB69FE

Color Values

HEX

#BB69FE

RGB

187, 105, 254

HSL

273.0, 98.7%, 70.4%

HSV

273.0, 58.7%, 99.6%

CMYK

26.4%, 58.7%, 0.0%, 0.4%

OKLCH

0.6779 0.2179 306.9

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#BB69FE

#ACFE69

Analogous

#7069FE

#FE69F7

#BB69FE

Triadic

#BB69FE

#FEBB69

#69FEBB

Split Complementary

#BB69FE

#F7FE69

#69FE70

Tetradic

#BB69FE

#FE7069

#ACFE69

#69F7FE

Color Blindness Simulation

Original

#BB69FE

Protanopia

#9797DA

Deuteranopia

#9CA2D1

Tritanopia

#B7BDB7

Achromatopsia

#858585

CSS Usage

background-color: #BB69FE;
color: #BB69FE;
border-color: #BB69FE;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F1FE
100
#EFDEFC
200
#DFB8FF
300
#C885FE
400
#AA44FE
500
#8C02FD
600
#7001CB
700
#5A01A2
800
#46017F
900
#35055B
950
#21033A

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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