#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