#B9BCEC

#B9BCEC

Color Values

HEX

#B9BCEC

RGB

185, 188, 236

HSL

236.5, 57.3%, 82.5%

HSV

236.5, 21.6%, 92.5%

CMYK

21.6%, 20.3%, 0.0%, 7.5%

OKLCH

0.8092 0.0676 282.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B9BCEC

#ECE9B9

Analogous

#B9D5EC

#CFB9EC

#B9BCEC

Triadic

#B9BCEC

#ECB9BC

#BCECB9

Split Complementary

#B9BCEC

#ECCFB9

#D5ECB9

Tetradic

#B9BCEC

#ECB9D5

#ECE9B9

#B9ECCF

Color Blindness Simulation

Original

#B9BCEC

Protanopia

#BABAE0

Deuteranopia

#BABADE

Tritanopia

#B9D7D5

Achromatopsia

#BFBFBF

CSS Usage

background-color: #B9BCEC;
color: #B9BCEC;
border-color: #B9BCEC;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C7C9F0
300
#9FA3E5
400
#6B71D7
500
#363FC9
600
#2C32A0
700
#232880
800
#1B1F64
900
#171A49
950
#0F112E

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.47:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026