#B8BAFF

#B8BAFF

Color Values

HEX

#B8BAFF

RGB

184, 186, 255

HSL

238,3, 100,0%, 86,1%

HSV

238,3, 27,8%, 100,0%

CMYK

27,8%, 27,1%, 0,0%, 0,0%

OKLCH

0,8121 0,097 282,7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B8BAFF

#FFFDB8

Analogous

#B8DEFF

#DAB8FF

#B8BAFF

Triadic

#B8BAFF

#FFB8BA

#BAFFB8

Split Complementary

#B8BAFF

#FFDAB8

#DEFFB8

Tetradic

#B8BAFF

#FFB8DE

#FFFDB8

#B8FFDA

Color Blindness Simulation

Original

#B8BAFF

Protanopia

#B9B9EE

Deuteranopia

#B9B9EA

Tritanopia

#B8E1DE

Achromatopsia

#BFBFBF

CSS Usage

background-color: #B8BAFF;
color: #B8BAFF;
border-color: #B8BAFF;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BAFF
300
#8588FF
400
#4248FF
500
#0007FF
600
#0006CC
700
#0005A3
800
#000480
900
#05075C
950
#03053A

Contrast Checker

Text on white

1,83:1

AA Fail AAA Fail

Text on black

11,51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026