#BBCCFC

#BBCCFC

Color Values

HEX

#BBCCFC

RGB

187, 204, 252

HSL

224.3, 91.5%, 86.1%

HSV

224.3, 25.8%, 98.8%

CMYK

25.8%, 19.0%, 0.0%, 1.2%

OKLCH

0.8486 0.0698 269.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BBCCFC

#FCEBBB

Analogous

#BBEDFC

#CBBBFC

#BBCCFC

Triadic

#BBCCFC

#FCBBCC

#CCFCBB

Split Complementary

#BBCCFC

#FCCBBB

#EDFCBB

Tetradic

#BBCCFC

#FCBBED

#FCEBBB

#BBFCCB

Color Blindness Simulation

Original

#BBCCFC

Protanopia

#C2C3F0

Deuteranopia

#C1C0EE

Tritanopia

#BCE7E5

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BBCCFC
300
#8AA7FA
400
#4A77F7
500
#0B48F4
600
#093AC3
700
#072E9C
800
#05247A
900
#091D58
950
#051338

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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