#B9C3FD

#B9C3FD

Color Values

HEX

#B9C3FD

RGB

185, 195, 253

HSL

231.2, 94.4%, 85.9%

HSV

231.2, 26.9%, 99.2%

CMYK

26.9%, 22.9%, 0.0%, 0.8%

OKLCH

0.8297 0.0822 276.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B9C3FD

#FDF3B9

Analogous

#B9E5FD

#D1B9FD

#B9C3FD

Triadic

#B9C3FD

#FDB9C3

#C3FDB9

Split Complementary

#B9C3FD

#FDD1B9

#E5FDB9

Tetradic

#B9C3FD

#FDB9E5

#FDF3B9

#B9FDD1

Color Blindness Simulation

Original

#B9C3FD

Protanopia

#BDBDEF

Deuteranopia

#BDBCEC

Tritanopia

#BAE4E1

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BAC3FD
300
#8899FC
400
#4862FA
500
#072AF8
600
#0622C6
700
#051B9F
800
#04157C
900
#07135A
950
#050C39

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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