#BAB6EA

#BAB6EA

Color Values

HEX

#BAB6EA

RGB

186, 182, 234

HSL

244.6, 55.3%, 81.6%

HSV

244.6, 22.2%, 91.8%

CMYK

20.5%, 22.2%, 0.0%, 8.2%

OKLCH

0.7974 0.0732 288.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAB6EA

#E6EAB6

Analogous

#B6CCEA

#D4B6EA

#BAB6EA

Triadic

#BAB6EA

#EABAB6

#B6EABA

Split Complementary

#BAB6EA

#EAD4B6

#CCEAB6

Tetradic

#BAB6EA

#EAB6CC

#E6EAB6

#B6EAD4

Color Blindness Simulation

Original

#BAB6EA

Protanopia

#B8B8DD

Deuteranopia

#B8B9DA

Tritanopia

#BAD3D1

Achromatopsia

#BBBBBB

CSS Usage

background-color: #BAB6EA;
color: #BAB6EA;
border-color: #BAB6EA;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CBC8EF
300
#A5A0E4
400
#746CD5
500
#4439C6
600
#362E9E
700
#2B247F
800
#221C63
900
#1C1849
950
#120F2E

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

10.97:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026