#BABEF8

#BABEF8

Color Values

HEX

#BABEF8

RGB

186, 190, 248

HSL

236.1, 81.6%, 85.1%

HSV

236.1, 25.0%, 97.3%

CMYK

25.0%, 23.4%, 0.0%, 2.7%

OKLCH

0.8186 0.0816 281.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABEF8

#F8F4BA

Analogous

#BADDF8

#D5BAF8

#BABEF8

Triadic

#BABEF8

#F8BABE

#BEF8BA

Split Complementary

#BABEF8

#F8D5BA

#DDF8BA

Tetradic

#BABEF8

#F8BADD

#F8F4BA

#BAF8D5

Color Blindness Simulation

Original

#BABEF8

Protanopia

#BCBCEA

Deuteranopia

#BCBBE7

Tritanopia

#BADFDC

Achromatopsia

#C1C1C1

CSS Usage

background-color: #BABEF8;
color: #BABEF8;
border-color: #BABEF8;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F3FD
100
#E1E2FA
200
#BEC2F8
300
#9096F4
400
#545EEE
500
#1725E8
600
#131EB9
700
#0F1894
800
#0C1274
900
#0D1154
950
#080B35

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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