#BABBFB

#BABBFB

Color Values

HEX

#BABBFB

RGB

186, 187, 251

HSL

239.1, 89.0%, 85.7%

HSV

239.1, 25.9%, 98.4%

CMYK

25.9%, 25.5%, 0.0%, 1.6%

OKLCH

0.8139 0.0898 283.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BABBFB

#FBFABA

Analogous

#BADCFB

#DABAFB

#BABBFB

Triadic

#BABBFB

#FBBABB

#BBFBBA

Split Complementary

#BABBFB

#FBDABA

#DCFBBA

Tetradic

#BABBFB

#FBBADC

#FBFABA

#BAFBDA

Color Blindness Simulation

Original

#BABBFB

Protanopia

#BABAEC

Deuteranopia

#BABAE8

Tritanopia

#BADFDD

Achromatopsia

#BFBFBF

CSS Usage

background-color: #BABBFB;
color: #BABBFB;
border-color: #BABBFB;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BCBCFB
300
#8B8DF8
400
#4D4FF5
500
#0E11F1
600
#0B0EC1
700
#090B9A
800
#070978
900
#0A0B57
950
#060737

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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