#BFACE1

#BFACE1

Color Values

HEX

#BFACE1

RGB

191, 172, 225

HSL

261.5, 46.9%, 77.8%

HSV

261.5, 23.6%, 88.2%

CMYK

15.1%, 23.6%, 0.0%, 11.8%

OKLCH

0.7786 0.077 301.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BFACE1

#CEE1AC

Analogous

#ACB3E1

#D9ACE1

#BFACE1

Triadic

#BFACE1

#E1BFAC

#ACE1BF

Split Complementary

#BFACE1

#E1D9AC

#B3E1AC

Tetradic

#BFACE1

#E1ACB3

#CEE1AC

#ACE1D9

Color Blindness Simulation

Original

#BFACE1

Protanopia

#B7B7D4

Deuteranopia

#B8B9D1

Tritanopia

#BECAC8

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#EBE6F4
200
#D7CBEC
300
#BAA5DF
400
#9474CD
500
#6F44BB
600
#583696
700
#472B78
800
#37225E
900
#2B1C45
950
#1B122C

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026