#BB69EF

#BB69EF

Color Values

HEX

#BB69EF

RGB

187, 105, 239

HSL

276.7, 80.7%, 67.5%

HSV

276.7, 56.1%, 93.7%

CMYK

21.8%, 56.1%, 0.0%, 6.3%

OKLCH

0.669 0.2018 310.3

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#BB69EF

#9DEF69

Analogous

#7869EF

#EF69E0

#BB69EF

Triadic

#BB69EF

#EFBB69

#69EFBB

Split Complementary

#BB69EF

#E0EF69

#69EF78

Tetradic

#BB69EF

#EF7869

#9DEF69

#69E0EF

Color Blindness Simulation

Original

#BB69EF

Protanopia

#9797CF

Deuteranopia

#9CA2C7

Tritanopia

#B7B5AF

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E1F9
200
#E2BEF8
300
#CD90F3
400
#B255ED
500
#9619E6
600
#7814B8
700
#601093
800
#4B0C73
900
#380D54
950
#240835

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.38:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026