#BBAFEE

#BBAFEE

Color Values

HEX

#BBAFEE

RGB

187, 175, 238

HSL

251.4, 64.9%, 81.0%

HSV

251.4, 26.5%, 93.3%

CMYK

21.4%, 26.5%, 0.0%, 6.7%

OKLCH

0.7862 0.0893 293.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BBAFEE

#E2EEAF

Analogous

#AFC3EE

#DAAFEE

#BBAFEE

Triadic

#BBAFEE

#EEBBAF

#AFEEBB

Split Complementary

#BBAFEE

#EEDAAF

#C3EEAF

Tetradic

#BBAFEE

#EEAFC3

#E2EEAF

#AFEEDA

Color Blindness Simulation

Original

#BBAFEE

Protanopia

#B6B6DF

Deuteranopia

#B6B7DB

Tritanopia

#BAD3D0

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E7E3F7
200
#CDC4F2
300
#A99AEA
400
#7B63DE
500
#4C2DD2
600
#3D24A8
700
#311D87
800
#261669
900
#1F144D
950
#140D30

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026