#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026