#B1B7FF

#B1B7FF

Color Values

HEX

#B1B7FF

RGB

177, 183, 255

HSL

235.4, 100.0%, 84.7%

HSV

235.4, 30.6%, 100.0%

CMYK

30.6%, 28.2%, 0.0%, 0.0%

OKLCH

0.8011 0.102 280.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B1B7FF

#FFF9B1

Analogous

#B1DEFF

#D2B1FF

#B1B7FF

Triadic

#B1B7FF

#FFB1B7

#B7FFB1

Split Complementary

#B1B7FF

#FFD2B1

#DEFFB1

Tetradic

#B1B7FF

#FFB1DE

#FFF9B1

#B1FFD2

Color Blindness Simulation

Original

#B1B7FF

Protanopia

#B4B4EE

Deuteranopia

#B3B3E9

Tritanopia

#B1E0DD

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BDFF
300
#858EFF
400
#4251FF
500
#0014FF
600
#0010CC
700
#000DA3
800
#000A80
900
#050C5C
950
#03073A

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.09:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026