#BB8FE7

#BB8FE7

Color Values

HEX

#BB8FE7

RGB

187, 143, 231

HSL

270.0, 64.7%, 73.3%

HSV

270.0, 38.1%, 90.6%

CMYK

19.0%, 38.1%, 0.0%, 9.4%

OKLCH

0.7246 0.132 306.4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BB8FE7

#BBE78F

Analogous

#8F8FE7

#E78FE7

#BB8FE7

Triadic

#BB8FE7

#E7BB8F

#8FE7BB

Split Complementary

#BB8FE7

#E7E78F

#8FE78F

Tetradic

#BB8FE7

#E78F8F

#BBE78F

#8FE7E7

Color Blindness Simulation

Original

#BB8FE7

Protanopia

#A8A8D2

Deuteranopia

#AAAECD

Tritanopia

#B9C1BD

Achromatopsia

#9F9F9F

CSS Usage

background-color: #BB8FE7;
color: #BB8FE7;
border-color: #BB8FE7;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC4F2
300
#C29AE9
400
#A164DE
500
#802DD2
600
#6624A8
700
#521D86
800
#401769
900
#30144D
950
#1F0D30

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.2:1

AA Pass AAA Pass

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