#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

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

فبراير 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026