#BAAEDF

#BAAEDF

Color Values

HEX

#BAAEDF

RGB

186, 174, 223

HSL

254.7, 43.4%, 77.8%

HSV

254.7, 22.0%, 87.5%

CMYK

16.6%, 22.0%, 0.0%, 12.5%

OKLCH

0.7775 0.0701 296.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAAEDF

#D3DFAE

Analogous

#AEBADF

#D2AEDF

#BAAEDF

Triadic

#BAAEDF

#DFBAAE

#AEDFBA

Split Complementary

#BAAEDF

#DFD2AE

#BADFAE

Tetradic

#BAAEDF

#DFAEBA

#D3DFAE

#AEDFD2

Color Blindness Simulation

Original

#BAAEDF

Protanopia

#B5B5D3

Deuteranopia

#B6B6D0

Tritanopia

#B9CAC8

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F4
200
#D3CCEB
300
#B4A7DC
400
#8C78CA
500
#6348B7
600
#4F3A92
700
#402E75
800
#32245B
900
#271E43
950
#19132B

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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