#BABCDB

#BABCDB

Color Values

HEX

#BABCDB

RGB

186, 188, 219

HSL

236.4, 31.4%, 79.4%

HSV

236.4, 15.1%, 85.9%

CMYK

15.1%, 14.2%, 0.0%, 14.1%

OKLCH

0.8037 0.0436 282.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABCDB

#DBD9BA

Analogous

#BACCDB

#C8BADB

#BABCDB

Triadic

#BABCDB

#DBBABC

#BCDBBA

Split Complementary

#BABCDB

#DBC8BA

#CCDBBA

Tetradic

#BABCDB

#DBBACC

#DBD9BA

#BADBC8

Color Blindness Simulation

Original

#BABCDB

Protanopia

#BBBBD4

Deuteranopia

#BBBBD2

Tritanopia

#BACECC

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8E9F2
200
#D0D1E7
300
#AFB1D5
400
#8387BE
500
#575CA8
600
#464A86
700
#383B6B
800
#2C2E54
900
#23243E
950
#161727

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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