#B2ADEF

#B2ADEF

Color Values

HEX

#B2ADEF

RGB

178, 173, 239

HSL

244.5, 67.3%, 80.8%

HSV

244.5, 27.6%, 93.7%

CMYK

25.5%, 27.6%, 0.0%, 6.3%

OKLCH

0.7756 0.0935 287.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B2ADEF

#EAEFAD

Analogous

#ADC9EF

#D3ADEF

#B2ADEF

Triadic

#B2ADEF

#EFB2AD

#ADEFB2

Split Complementary

#B2ADEF

#EFD3AD

#C9EFAD

Tetradic

#B2ADEF

#EFADC9

#EAEFAD

#ADEFD3

Color Blindness Simulation

Original

#B2ADEF

Protanopia

#B0B0DF

Deuteranopia

#B0B0DB

Tritanopia

#B2D2D0

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C7C3F3
300
#9F99EB
400
#6B61E0
500
#372AD5
600
#2C21AB
700
#231B89
800
#1B156B
900
#18134E
950
#0F0C31

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026