#BAAFE4

#BAAFE4

Color Values

HEX

#BAAFE4

RGB

186, 175, 228

HSL

252.5, 49.5%, 79.0%

HSV

252.5, 23.2%, 89.4%

CMYK

18.4%, 23.2%, 0.0%, 10.6%

OKLCH

0.7814 0.0754 294.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAAFE4

#D9E4AF

Analogous

#AFBEE4

#D4AFE4

#BAAFE4

Triadic

#BAAFE4

#E4BAAF

#AFE4BA

Split Complementary

#BAAFE4

#E4D4AF

#BEE4AF

Tetradic

#BAAFE4

#E4AFBE

#D9E4AF

#AFE4D4

Color Blindness Simulation

Original

#BAAFE4

Protanopia

#B5B5D7

Deuteranopia

#B6B7D4

Tritanopia

#B9CDCB

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E9E6F5
200
#D1CAED
300
#B0A4E0
400
#8572CF
500
#5B40BF
600
#493498
700
#3A297A
800
#2D205F
900
#241B46
950
#17112C

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.34:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026