#BCC3DF

#BCC3DF

Color Values

HEX

#BCC3DF

RGB

188, 195, 223

HSL

228.0, 35.4%, 80.6%

HSV

228.0, 15.7%, 87.5%

CMYK

15.7%, 12.6%, 0.0%, 12.5%

OKLCH

0.8207 0.04 274.4

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#BCC3DF

#DFD8BC

Analogous

#BCD5DF

#C7BCDF

#BCC3DF

Triadic

#BCC3DF

#DFBCC3

#C3DFBC

Split Complementary

#BCC3DF

#DFC7BC

#D5DFBC

Tetradic

#BCC3DF

#DFBCD5

#DFD8BC

#BCDFC7

Color Blindness Simulation

Original

#BCC3DF

Protanopia

#BFBFD8

Deuteranopia

#BFBED7

Tritanopia

#BCD3D2

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EAF3
200
#CFD4E8
300
#ACB5D7
400
#7F8DC2
500
#5264AD
600
#42508A
700
#35406E
800
#293256
900
#212740
950
#151928

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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