#BABEF1

#BABEF1

Color Values

HEX

#BABEF1

RGB

186, 190, 241

HSL

235.6, 66.3%, 83.7%

HSV

235.6, 22.8%, 94.5%

CMYK

22.8%, 21.2%, 0.0%, 5.5%

OKLCH

0.8158 0.0718 281.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABEF1

#F1EDBA

Analogous

#BAD9F1

#D1BAF1

#BABEF1

Triadic

#BABEF1

#F1BABE

#BEF1BA

Split Complementary

#BABEF1

#F1D1BA

#D9F1BA

Tetradic

#BABEF1

#F1BAD9

#F1EDBA

#BAF1D1

Color Blindness Simulation

Original

#BABEF1

Protanopia

#BCBCE5

Deuteranopia

#BCBBE2

Tritanopia

#BADBD9

Achromatopsia

#C1C1C1

CSS Usage

background-color: #BABEF1;
color: #BABEF1;
border-color: #BABEF1;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C4C7F3
300
#999FEA
400
#626BDF
500
#2B37D4
600
#222CAA
700
#1B2388
800
#151C6A
900
#14184D
950
#0C0F31

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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