#BC88F6

#BC88F6

Color Values

HEX

#BC88F6

RGB

188, 136, 246

HSL

268.4, 85.9%, 74.9%

HSV

268.4, 44.7%, 96.5%

CMYK

23.6%, 44.7%, 0.0%, 3.5%

OKLCH

0.7211 0.1621 304.5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BC88F6

#C2F688

Analogous

#888BF6

#F388F6

#BC88F6

Triadic

#BC88F6

#F6BC88

#88F6BC

Split Complementary

#BC88F6

#F6F388

#8BF688

Tetradic

#BC88F6

#F6888B

#C2F688

#88F6F3

Color Blindness Simulation

Original

#BC88F6

Protanopia

#A5A5DB

Deuteranopia

#A8ACD5

Tritanopia

#B9C6C2

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#DABDFA
300
#BF8DF6
400
#9C50F2
500
#7A12ED
600
#610EBE
700
#4E0C98
800
#3D0977
900
#2E0B56
950
#1D0736

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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