#BB67EC

#BB67EC

Color Values

HEX

#BB67EC

RGB

187, 103, 236

HSL

277.9, 77.8%, 66.5%

HSV

277.9, 56.4%, 92.5%

CMYK

20.8%, 56.4%, 0.0%, 7.5%

OKLCH

0.6645 0.2016 311.3

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#BB67EC

#98EC67

Analogous

#7967EC

#EC67DB

#BB67EC

Triadic

#BB67EC

#ECBB67

#67ECBB

Split Complementary

#BB67EC

#DBEC67

#67EC79

Tetradic

#BB67EC

#EC7967

#98EC67

#67DBEC

Color Blindness Simulation

Original

#BB67EC

Protanopia

#9796CC

Deuteranopia

#9CA2C4

Tritanopia

#B7B2AD

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F9F2FC
100
#F0E1F9
200
#E3C0F7
300
#CE92F1
400
#B457EA
500
#9A1CE3
600
#7B17B5
700
#621291
800
#4D0E71
900
#390F52
950
#240934

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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