#BABFE6

#BABFE6

Color Values

HEX

#BABFE6

RGB

186, 191, 230

HSL

233.2, 46.8%, 81.6%

HSV

233.2, 19.1%, 90.2%

CMYK

19.1%, 17.0%, 0.0%, 9.8%

OKLCH

0.8136 0.0551 279.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABFE6

#E6E1BA

Analogous

#BAD5E6

#CBBAE6

#BABFE6

Triadic

#BABFE6

#E6BABF

#BFE6BA

Split Complementary

#BABFE6

#E6CBBA

#D5E6BA

Tetradic

#BABFE6

#E6BAD5

#E6E1BA

#BAE6CB

Color Blindness Simulation

Original

#BABFE6

Protanopia

#BCBCDD

Deuteranopia

#BCBCDA

Tritanopia

#BAD5D3

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CBCEEC
300
#A5ACDE
400
#747FCD
500
#4451BB
600
#364196
700
#2B3478
800
#22295E
900
#1C2145
950
#12152B

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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