#BAACF7

#BAACF7

Color Values

HEX

#BAACF7

RGB

186, 172, 247

HSL

251,2, 82,4%, 82,2%

HSV

251,2, 30,4%, 96,9%

CMYK

24,7%, 30,4%, 0,0%, 3,1%

OKLCH

0,7835 0,1062 292,3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BAACF7

#E9F7AC

Analogous

#ACC4F7

#E0ACF7

#BAACF7

Triadic

#BAACF7

#F7BAAC

#ACF7BA

Split Complementary

#BAACF7

#F7E0AC

#C4F7AC

Tetradic

#BAACF7

#F7ACC4

#E9F7AC

#ACF7E0

Color Blindness Simulation

Original

#BAACF7

Protanopia

#B4B4E5

Deuteranopia

#B5B6E0

Tritanopia

#B9D7D3

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E5E1FA
200
#C9BEF9
300
#A28FF4
400
#7053EE
500
#3E16E9
600
#3112BA
700
#270E95
800
#1F0B74
900
#1A0D54
950
#100835

Contrast Checker

Text on white

2,03:1

AA Fail AAA Fail

Text on black

10,33:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Ene 18, 2026