#BBC7FC

#BBC7FC

Color Values

HEX

#BBC7FC

RGB

187, 199, 252

HSL

228,9, 91,5%, 86,1%

HSV

228,9, 25,8%, 98,8%

CMYK

25,8%, 21,0%, 0,0%, 1,2%

OKLCH

0,8386 0,0755 274,7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BBC7FC

#FCF0BB

Analogous

#BBE8FC

#D0BBFC

#BBC7FC

Triadic

#BBC7FC

#FCBBC7

#C7FCBB

Split Complementary

#BBC7FC

#FCD0BB

#E8FCBB

Tetradic

#BBC7FC

#FCBBE8

#FCF0BB

#BBFCD0

Color Blindness Simulation

Original

#BBC7FC

Protanopia

#C0C0EF

Deuteranopia

#C0BFEC

Tritanopia

#BCE5E3

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE4FB
200
#BBC7FC
300
#8A9FFA
400
#4A6AF7
500
#0B36F4
600
#092BC3
700
#07239C
800
#051B7A
900
#091758
950
#050F38

Contrast Checker

Text on white

1,66:1

AA Fail AAA Fail

Text on black

12,69: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