#BABBFD

#BABBFD

Color Values

HEX

#BABBFD

RGB

186, 187, 253

HSL

239.1, 94.4%, 86.1%

HSV

239.1, 26.5%, 99.2%

CMYK

26.5%, 26.1%, 0.0%, 0.8%

OKLCH

0.8148 0.0926 283.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BABBFD

#FDFCBA

Analogous

#BADDFD

#DBBAFD

#BABBFD

Triadic

#BABBFD

#FDBABB

#BBFDBA

Split Complementary

#BABBFD

#FDDBBA

#DDFDBA

Tetradic

#BABBFD

#FDBADD

#FDFCBA

#BAFDDB

Color Blindness Simulation

Original

#BABBFD

Protanopia

#BABAED

Deuteranopia

#BABAE9

Tritanopia

#BAE0DE

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABBFD
300
#888AFC
400
#484AFA
500
#070BF8
600
#0609C6
700
#05079F
800
#04057C
900
#07095A
950
#050539

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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