#BABDFD

#BABDFD

Color Values

HEX

#BABDFD

RGB

186, 189, 253

HSL

237.3, 94.4%, 86.1%

HSV

237.3, 26.5%, 99.2%

CMYK

26.5%, 25.3%, 0.0%, 0.8%

OKLCH

0.8186 0.0899 282.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABDFD

#FDFABA

Analogous

#BADFFD

#D9BAFD

#BABDFD

Triadic

#BABDFD

#FDBABD

#BDFDBA

Split Complementary

#BABDFD

#FDD9BA

#DFFDBA

Tetradic

#BABDFD

#FDBADF

#FDFABA

#BAFDD9

Color Blindness Simulation

Original

#BABDFD

Protanopia

#BBBBEE

Deuteranopia

#BBBBEA

Tritanopia

#BAE1DF

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABDFD
300
#888DFC
400
#4850FA
500
#0712F8
600
#060EC6
700
#050C9F
800
#04097C
900
#070B5A
950
#050739

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026