#BC88EE

#BC88EE

Color Values

HEX

#BC88EE

RGB

188, 136, 238

HSL

270.6, 75.0%, 73.3%

HSV

270.6, 42.9%, 93.3%

CMYK

21.0%, 42.9%, 0.0%, 6.7%

OKLCH

0.717 0.1524 306.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BC88EE

#BAEE88

Analogous

#8988EE

#EE88ED

#BC88EE

Triadic

#BC88EE

#EEBC88

#88EEBC

Split Complementary

#BC88EE

#EDEE88

#88EE89

Tetradic

#BC88EE

#EE8988

#BAEE88

#88EDEE

Color Blindness Simulation

Original

#BC88EE

Protanopia

#A5A5D5

Deuteranopia

#A8ACCF

Tritanopia

#B9C2BE

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DCC1F6
300
#C394F0
400
#A25AE7
500
#8120DF
600
#6819B3
700
#53148F
800
#411070
900
#311051
950
#1F0A33

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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