#BCCCFB

#BCCCFB

Color Values

HEX

#BCCCFB

RGB

188, 204, 251

HSL

224.8, 88.7%, 86.1%

HSV

224.8, 25.1%, 98.4%

CMYK

25.1%, 18.7%, 0.0%, 1.6%

OKLCH

0.8489 0.0681 270.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCCCFB

#FBEBBC

Analogous

#BCEBFB

#CCBCFB

#BCCCFB

Triadic

#BCCCFB

#FBBCCC

#CCFBBC

Split Complementary

#BCCCFB

#FBCCBC

#EBFBBC

Tetradic

#BCCCFB

#FBBCEB

#FBEBBC

#BCFBCC

Color Blindness Simulation

Original

#BCCCFB

Protanopia

#C3C3F0

Deuteranopia

#C2C1ED

Tritanopia

#BDE7E5

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E7FB
200
#BCCCFB
300
#8CA7F8
400
#4D77F4
500
#0E48F1
600
#0C39C0
700
#092E9A
800
#072478
900
#0A1D57
950
#061337

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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