#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