#B3A4DF

#B3A4DF

Color Values

HEX

#B3A4DF

RGB

179, 164, 223

HSL

255.3, 48.0%, 75.9%

HSV

255.3, 26.5%, 87.5%

CMYK

19.7%, 26.5%, 0.0%, 12.5%

OKLCH

0.7524 0.085 296.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B3A4DF

#D0DFA4

Analogous

#A4B3DF

#D1A4DF

#B3A4DF

Triadic

#B3A4DF

#DFB3A4

#A4DFB3

Split Complementary

#B3A4DF

#DFD1A4

#B3DFA4

Tetradic

#B3A4DF

#DFA4B3

#D0DFA4

#A4DFD1

Color Blindness Simulation

Original

#B3A4DF

Protanopia

#ADACD1

Deuteranopia

#ADAECD

Tritanopia

#B2C5C3

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D3CAEC
300
#B3A4DF
400
#8A73CE
500
#6242BD
600
#4E3597
700
#3E2A79
800
#31215E
900
#261C45
950
#18112C

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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