#BCC3EB

#BCC3EB

Color Values

HEX

#BCC3EB

RGB

188, 195, 235

HSL

231.1, 54.0%, 82.9%

HSV

231.1, 20.0%, 92.2%

CMYK

20.0%, 17.0%, 0.0%, 7.8%

OKLCH

0.825 0.0567 277.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCC3EB

#EBE4BC

Analogous

#BCDAEB

#CCBCEB

#BCC3EB

Triadic

#BCC3EB

#EBBCC3

#C3EBBC

Split Complementary

#BCC3EB

#EBCCBC

#DAEBBC

Tetradic

#BCC3EB

#EBBCDA

#EBE4BC

#BCEBCC

Color Blindness Simulation

Original

#BCC3EB

Protanopia

#BFBFE1

Deuteranopia

#BFBEDF

Tritanopia

#BCDAD8

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C8CEEF
300
#A1ABE3
400
#6E7DD4
500
#3B4FC4
600
#2F3F9D
700
#26337E
800
#1D2862
900
#192048
950
#10142D

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026