#B2AAF6

#B2AAF6

Color Values

HEX

#B2AAF6

RGB

178, 170, 246

HSL

246.3, 80.9%, 81.6%

HSV

246.3, 30.9%, 96.5%

CMYK

27.6%, 30.9%, 0.0%, 3.5%

OKLCH

0.7729 0.1076 288.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B2AAF6

#EEF6AA

Analogous

#AAC8F6

#D8AAF6

#B2AAF6

Triadic

#B2AAF6

#F6B2AA

#AAF6B2

Split Complementary

#B2AAF6

#F6D8AA

#C8F6AA

Tetradic

#B2AAF6

#F6AAC8

#EEF6AA

#AAF6D8

Color Blindness Simulation

Original

#B2AAF6

Protanopia

#AFAEE4

Deuteranopia

#AFB0DF

Tritanopia

#B2D5D2

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1F9
200
#C4BEF8
300
#9B90F3
400
#6454ED
500
#2E18E7
600
#2513B9
700
#1D1094
800
#170C73
900
#150D54
950
#0D0835

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

9.97:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026