#BABAFA

#BABAFA

Color Values

HEX

#BABAFA

RGB

186, 186, 250

HSL

240.0, 86.5%, 85.5%

HSV

240.0, 25.6%, 98.0%

CMYK

25.6%, 25.6%, 0.0%, 2.0%

OKLCH

0.8116 0.0898 284.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BABAFA

#FAFABA

Analogous

#BADAFA

#DABAFA

#BABAFA

Triadic

#BABAFA

#FABABA

#BAFABA

Split Complementary

#BABAFA

#FADABA

#DAFABA

Tetradic

#BABAFA

#FABADA

#FAFABA

#BAFADA

Color Blindness Simulation

Original

#BABAFA

Protanopia

#BABAEB

Deuteranopia

#BABAE7

Tritanopia

#BADEDC

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E0FA
200
#BCBCFA
300
#8D8DF7
400
#4F4FF2
500
#1111EE
600
#0E0EBE
700
#0B0B98
800
#090977
900
#0B0B56
950
#070736

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.49:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026