#BAAFE6

#BAAFE6

Color Values

HEX

#BAAFE6

RGB

186, 175, 230

HSL

252.0, 52.4%, 79.4%

HSV

252.0, 23.9%, 90.2%

CMYK

19.1%, 23.9%, 0.0%, 9.8%

OKLCH

0.7822 0.0782 293.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAAFE6

#DBE6AF

Analogous

#AFBFE6

#D5AFE6

#BAAFE6

Triadic

#BAAFE6

#E6BAAF

#AFE6BA

Split Complementary

#BAAFE6

#E6D5AF

#BFE6AF

Tetradic

#BAAFE6

#E6AFBF

#DBE6AF

#AFE6D5

Color Blindness Simulation

Original

#BAAFE6

Protanopia

#B5B5D9

Deuteranopia

#B6B7D6

Tritanopia

#B9CECC

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#D0C9EE
300
#AFA2E2
400
#836FD2
500
#573DC2
600
#46319B
700
#38277C
800
#2C1E61
900
#231A47
950
#16102D

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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