#BABCDC

#BABCDC

Color Values

HEX

#BABCDC

RGB

186, 188, 220

HSL

236,5, 32,7%, 79,6%

HSV

236,5, 15,5%, 86,3%

CMYK

15,5%, 14,5%, 0,0%, 13,7%

OKLCH

0,804 0,045 282,5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABCDC

#DCDABA

Analogous

#BACDDC

#C9BADC

#BABCDC

Triadic

#BABCDC

#DCBABC

#BCDCBA

Split Complementary

#BABCDC

#DCC9BA

#CDDCBA

Tetradic

#BABCDC

#DCBACD

#DCDABA

#BADCC9

Color Blindness Simulation

Original

#BABCDC

Protanopia

#BBBBD4

Deuteranopia

#BBBBD2

Tritanopia

#BACECD

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F5F5F9
100
#E8E9F2
200
#D0D1E7
300
#AEB0D6
400
#8285C0
500
#565BA9
600
#454987
700
#373A6C
800
#2B2D55
900
#22243F
950
#161728

Contrast Checker

Text on white

1,86:1

AA Fail AAA Fail

Text on black

11,31: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