#BBBAFA

#BBBAFA

Color Values

HEX

#BBBAFA

RGB

187, 186, 250

HSL

240.9, 86.5%, 85.5%

HSV

240.9, 25.6%, 98.0%

CMYK

25.2%, 25.6%, 0.0%, 2.0%

OKLCH

0.8123 0.0898 284.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BBBAFA

#F9FABA

Analogous

#BAD9FA

#DBBAFA

#BBBAFA

Triadic

#BBBAFA

#FABBBA

#BAFABB

Split Complementary

#BBBAFA

#FADBBA

#D9FABA

Tetradic

#BBBAFA

#FABAD9

#F9FABA

#BAFADB

Color Blindness Simulation

Original

#BBBAFA

Protanopia

#BBBBEB

Deuteranopia

#BBBBE7

Tritanopia

#BBDEDC

Achromatopsia

#BFBFBF

CSS Usage

background-color: #BBBAFA;
color: #BBBAFA;
border-color: #BBBAFA;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F2F2FD
100
#E0E0FA
200
#BDBCFA
300
#8E8DF7
400
#514FF2
500
#1511EE
600
#100EBE
700
#0D0B98
800
#0A0977
900
#0C0B56
950
#070736

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026