#B9BEFF

#B9BEFF

Color Values

HEX

#B9BEFF

RGB

185, 190, 255

HSL

235.7, 100.0%, 86.3%

HSV

235.7, 27.5%, 100.0%

CMYK

27.5%, 25.5%, 0.0%, 0.0%

OKLCH

0.8207 0.0915 280.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B9BEFF

#FFFAB9

Analogous

#B9E1FF

#D7B9FF

#B9BEFF

Triadic

#B9BEFF

#FFB9BE

#BEFFB9

Split Complementary

#B9BEFF

#FFD7B9

#E1FFB9

Tetradic

#B9BEFF

#FFB9E1

#FFFAB9

#B9FFD7

Color Blindness Simulation

Original

#B9BEFF

Protanopia

#BBBBEF

Deuteranopia

#BBBAEC

Tritanopia

#B9E3E0

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BDFF
300
#858DFF
400
#4250FF
500
#0012FF
600
#000FCC
700
#000CA3
800
#000980
900
#050B5C
950
#03073A

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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