#BAB3EA

#BAB3EA

Color Values

HEX

#BAB3EA

RGB

186, 179, 234

HSL

247.6, 56.7%, 81.0%

HSV

247.6, 23.5%, 91.8%

CMYK

20.5%, 23.5%, 0.0%, 8.2%

OKLCH

0.7915 0.0776 290.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAB3EA

#E3EAB3

Analogous

#B3C8EA

#D6B3EA

#BAB3EA

Triadic

#BAB3EA

#EABAB3

#B3EABA

Split Complementary

#BAB3EA

#EAD6B3

#C8EAB3

Tetradic

#BAB3EA

#EAB3C8

#E3EAB3

#B3EAD6

Color Blindness Simulation

Original

#BAB3EA

Protanopia

#B7B7DD

Deuteranopia

#B7B8D9

Tritanopia

#BAD2D0

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CCC7F0
300
#A89FE5
400
#796BD6
500
#4A37C8
600
#3B2CA0
700
#2F2380
800
#251C64
900
#1E1849
950
#130F2E

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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