#B1ACFB

#B1ACFB

Color Values

HEX

#B1ACFB

RGB

177, 172, 251

HSL

243.8, 90.8%, 82.9%

HSV

243.8, 31.5%, 98.4%

CMYK

29.5%, 31.5%, 0.0%, 1.6%

OKLCH

0.7781 0.1117 286.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B1ACFB

#F6FBAC

Analogous

#ACCEFB

#D8ACFB

#B1ACFB

Triadic

#B1ACFB

#FBB1AC

#ACFBB1

Split Complementary

#B1ACFB

#FBD8AC

#CEFBAC

Tetradic

#B1ACFB

#FBACCE

#F6FBAC

#ACFBD8

Color Blindness Simulation

Original

#B1ACFB

Protanopia

#AFAFE8

Deuteranopia

#AFB0E3

Tritanopia

#B1D9D5

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BFBBFC
300
#918AF9
400
#564BF6
500
#1A0CF3
600
#1509C3
700
#11089C
800
#0D067A
900
#0E0958
950
#090638

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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