#B9CCFE

#B9CCFE

Color Values

HEX

#B9CCFE

RGB

185, 204, 254

HSL

223.5, 97.2%, 86.1%

HSV

223.5, 27.2%, 99.6%

CMYK

27.2%, 19.7%, 0.0%, 0.4%

OKLCH

0.848 0.0731 268.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B9CCFE

#FEEBB9

Analogous

#B9EFFE

#C9B9FE

#B9CCFE

Triadic

#B9CCFE

#FEB9CC

#CCFEB9

Split Complementary

#B9CCFE

#FEC9B9

#EFFEB9

Tetradic

#B9CCFE

#FEB9EF

#FEEBB9

#B9FEC9

Color Blindness Simulation

Original

#B9CCFE

Protanopia

#C1C1F2

Deuteranopia

#C0BFEF

Tritanopia

#BAE8E6

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B9CCFE
300
#86A7FD
400
#4577FC
500
#0448FB
600
#0339C9
700
#022EA1
800
#02247E
900
#061D5B
950
#041339

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.13:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026