#B5BAEF

#B5BAEF

Color Values

HEX

#B5BAEF

RGB

181, 186, 239

HSL

234.8, 64.4%, 82.4%

HSV

234.8, 24.3%, 93.7%

CMYK

24.3%, 22.2%, 0.0%, 6.3%

OKLCH

0.8033 0.075 280.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B5BAEF

#EFEAB5

Analogous

#B5D7EF

#CDB5EF

#B5BAEF

Triadic

#B5BAEF

#EFB5BA

#BAEFB5

Split Complementary

#B5BAEF

#EFCDB5

#D7EFB5

Tetradic

#B5BAEF

#EFB5D7

#EFEAB5

#B5EFCD

Color Blindness Simulation

Original

#B5BAEF

Protanopia

#B7B7E2

Deuteranopia

#B7B6DF

Tritanopia

#B5D8D6

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C4C8F2
300
#9AA1E9
400
#646EDD
500
#2D3CD2
600
#2430A8
700
#1D2686
800
#171E69
900
#14194D
950
#0D1030

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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