#BABEEB

#BABEEB

Color Values

HEX

#BABEEB

RGB

186, 190, 235

HSL

235.1, 55.1%, 82.5%

HSV

235.1, 20.9%, 92.2%

CMYK

20.9%, 19.1%, 0.0%, 7.8%

OKLCH

0.8135 0.0634 280.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABEEB

#EBE7BA

Analogous

#BAD6EB

#CEBAEB

#BABEEB

Triadic

#BABEEB

#EBBABE

#BEEBBA

Split Complementary

#BABEEB

#EBCEBA

#D6EBBA

Tetradic

#BABEEB

#EBBAD6

#EBE7BA

#BAEBCE

Color Blindness Simulation

Original

#BABEEB

Protanopia

#BCBCE0

Deuteranopia

#BCBBDE

Tritanopia

#BAD8D6

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C8CBEF
300
#A0A6E4
400
#6D75D5
500
#3945C6
600
#2E379E
700
#252C7F
800
#1D2263
900
#181C48
950
#0F122E

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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