#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026