#BCC1EB

#BCC1EB

Color Values

HEX

#BCC1EB

RGB

188, 193, 235

HSL

233.6, 54.0%, 82.9%

HSV

233.6, 20.0%, 92.2%

CMYK

20.0%, 17.9%, 0.0%, 7.8%

OKLCH

0.821 0.0592 279.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCC1EB

#EBE6BC

Analogous

#BCD8EB

#CEBCEB

#BCC1EB

Triadic

#BCC1EB

#EBBCC1

#C1EBBC

Split Complementary

#BCC1EB

#EBCEBC

#D8EBBC

Tetradic

#BCC1EB

#EBBCD8

#EBE6BC

#BCEBCE

Color Blindness Simulation

Original

#BCC1EB

Protanopia

#BEBEE1

Deuteranopia

#BEBEDE

Tritanopia

#BCD9D7

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C8CCEF
300
#A1A8E3
400
#6E79D4
500
#3B49C4
600
#2F3B9D
700
#262F7E
800
#1D2562
900
#191E48
950
#10132D

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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