#BABEEC

#BABEEC

Color Values

HEX

#BABEEC

RGB

186, 190, 236

HSL

235,2, 56,8%, 82,7%

HSV

235,2, 21,2%, 92,5%

CMYK

21,2%, 19,5%, 0,0%, 7,5%

OKLCH

0,8139 0,0648 281,0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABEEC

#ECE8BA

Analogous

#BAD7EC

#CFBAEC

#BABEEC

Triadic

#BABEEC

#ECBABE

#BEECBA

Split Complementary

#BABEEC

#ECCFBA

#D7ECBA

Tetradic

#BABEEC

#ECBAD7

#ECE8BA

#BAECCF

Color Blindness Simulation

Original

#BABEEC

Protanopia

#BCBCE1

Deuteranopia

#BCBBDE

Tritanopia

#BAD8D6

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C7CAF0
300
#9FA5E5
400
#6B74D6
500
#3743C8
600
#2C35A0
700
#232B80
800
#1C2164
900
#181C49
950
#0F112E

Contrast Checker

Text on white

1,8:1

AA Fail AAA Fail

Text on black

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