#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

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026