#BABDE8

#BABDE8

Color Values

HEX

#BABDE8

RGB

186, 189, 232

HSL

236.1, 50.0%, 82.0%

HSV

236.1, 19.8%, 91.0%

CMYK

19.8%, 18.5%, 0.0%, 9.0%

OKLCH

0.8104 0.0605 281.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABDE8

#E8E5BA

Analogous

#BAD4E8

#CEBAE8

#BABDE8

Triadic

#BABDE8

#E8BABD

#BDE8BA

Split Complementary

#BABDE8

#E8CEBA

#D4E8BA

Tetradic

#BABDE8

#E8BAD4

#E8E5BA

#BAE8CE

Color Blindness Simulation

Original

#BABDE8

Protanopia

#BBBBDE

Deuteranopia

#BBBBDB

Tritanopia

#BAD5D4

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#C9CCED
300
#A3A7E0
400
#7178D0
500
#4048BF
600
#333A99
700
#292E7A
800
#202460
900
#1B1D46
950
#11132C

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026