#BAB3ED

#BAB3ED

Color Values

HEX

#BAB3ED

RGB

186, 179, 237

HSL

247.2, 61.7%, 81.6%

HSV

247.2, 24.5%, 92.9%

CMYK

21.5%, 24.5%, 0.0%, 7.1%

OKLCH

0.7927 0.0818 289.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAB3ED

#E6EDB3

Analogous

#B3C9ED

#D7B3ED

#BAB3ED

Triadic

#BAB3ED

#EDBAB3

#B3EDBA

Split Complementary

#BAB3ED

#EDD7B3

#C9EDB3

Tetradic

#BAB3ED

#EDB3C9

#E6EDB3

#B3EDD7

Color Blindness Simulation

Original

#BAB3ED

Protanopia

#B7B7DF

Deuteranopia

#B7B8DC

Tritanopia

#BAD4D1

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E6E4F7
200
#CBC5F1
300
#A59CE8
400
#7466DB
500
#4431CE
600
#3627A5
700
#2B1F84
800
#221867
900
#1C164B
950
#120E30

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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