#BAAFFC

#BAAFFC

Color Values

HEX

#BAAFFC

RGB

186, 175, 252

HSL

248.6, 92.8%, 83.7%

HSV

248.6, 30.6%, 98.8%

CMYK

26.2%, 30.6%, 0.0%, 1.2%

OKLCH

0.7914 0.1085 290.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BAAFFC

#F1FCAF

Analogous

#AFCAFC

#E0AFFC

#BAAFFC

Triadic

#BAAFFC

#FCBAAF

#AFFCBA

Split Complementary

#BAAFFC

#FCE0AF

#CAFCAF

Tetradic

#BAAFFC

#FCAFCA

#F1FCAF

#AFFCE0

Color Blindness Simulation

Original

#BAAFFC

Protanopia

#B5B5E9

Deuteranopia

#B6B7E5

Tritanopia

#B9DBD7

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C4BAFC
300
#9989FB
400
#6249F8
500
#2B09F6
600
#2207C5
700
#1C069D
800
#16057B
900
#140859
950
#0C0538

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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