#BAB5EF

#BAB5EF

Color Values

HEX

#BAB5EF

RGB

186, 181, 239

HSL

245.2, 64.4%, 82.4%

HSV

245.2, 24.3%, 93.7%

CMYK

22.2%, 24.3%, 0.0%, 6.3%

OKLCH

0.7974 0.0816 288.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAB5EF

#EAEFB5

Analogous

#B5CDEF

#D7B5EF

#BAB5EF

Triadic

#BAB5EF

#EFBAB5

#B5EFBA

Split Complementary

#BAB5EF

#EFD7B5

#CDEFB5

Tetradic

#BAB5EF

#EFB5CD

#EAEFB5

#B5EFD7

Color Blindness Simulation

Original

#BAB5EF

Protanopia

#B8B8E1

Deuteranopia

#B8B8DE

Tritanopia

#BAD6D3

Achromatopsia

#BABABA

CSS Usage

background-color: #BAB5EF;
color: #BAB5EF;
border-color: #BAB5EF;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C4F2
300
#A19AE9
400
#6E64DD
500
#3C2DD2
600
#3024A8
700
#261D86
800
#1E1769
900
#19144D
950
#100D30

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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