#BB6EED

#BB6EED

Color Values

HEX

#BB6EED

RGB

187, 110, 237

HSL

276.4, 77.9%, 68.0%

HSV

276.4, 53.6%, 92.9%

CMYK

21.1%, 53.6%, 0.0%, 7.1%

OKLCH

0.6749 0.1922 310.2

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#BB6EED

#A0ED6E

Analogous

#7B6EED

#ED6EDF

#BB6EED

Triadic

#BB6EED

#EDBB6E

#6EEDBB

Split Complementary

#BB6EED

#DFED6E

#6EED7B

Tetradic

#BB6EED

#ED7B6E

#A0ED6E

#6EDFED

Color Blindness Simulation

Original

#BB6EED

Protanopia

#9A99CE

Deuteranopia

#9EA4C7

Tritanopia

#B7B6B1

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#F0E1F9
200
#E1BFF7
300
#CC92F1
400
#B057EA
500
#951CE3
600
#7717B5
700
#5F1291
800
#4A0E71
900
#380E52
950
#230934

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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