#B7ACF3

#B7ACF3

Color Values

HEX

#B7ACF3

RGB

183, 172, 243

HSL

249.3, 74.7%, 81.4%

HSV

249.3, 29.2%, 95.3%

CMYK

24.7%, 29.2%, 0.0%, 4.7%

OKLCH

0.7794 0.1005 291.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B7ACF3

#E8F3AC

Analogous

#ACC5F3

#DBACF3

#B7ACF3

Triadic

#B7ACF3

#F3B7AC

#ACF3B7

Split Complementary

#B7ACF3

#F3DBAC

#C5F3AC

Tetradic

#B7ACF3

#F3ACC5

#E8F3AC

#ACF3DB

Color Blindness Simulation

Original

#B7ACF3

Protanopia

#B2B2E2

Deuteranopia

#B3B4DE

Tritanopia

#B6D4D1

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E5E2F8
200
#C9C1F6
300
#A294F0
400
#705AE7
500
#3E20DF
600
#311AB2
700
#28158F
800
#1F106F
900
#1A1051
950
#100A33

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

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