#BCC8DB

#BCC8DB

Color Values

HEX

#BCC8DB

RGB

188, 200, 219

HSL

216.8, 30.1%, 79.8%

HSV

216.8, 14.2%, 85.9%

CMYK

14.2%, 8.7%, 0.0%, 14.1%

OKLCH

0.8295 0.0297 259.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BCC8DB

#DBCFBC

Analogous

#BCD7DB

#BFBCDB

#BCC8DB

Triadic

#BCC8DB

#DBBCC8

#C8DBBC

Split Complementary

#BCC8DB

#DBBFBC

#D7DBBC

Tetradic

#BCC8DB

#DBBCD7

#DBCFBC

#BCDBBF

Color Blindness Simulation

Original

#BCC8DB

Protanopia

#C1C1D6

Deuteranopia

#C0C0D5

Tritanopia

#BDD3D2

Achromatopsia

#C7C7C7

CSS Usage

background-color: #BCC8DB;
color: #BCC8DB;
border-color: #BCC8DB;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D9E6
300
#AFBED4
400
#849ABD
500
#5977A6
600
#475F85
700
#394C6A
800
#2D3B53
900
#232D3E
950
#161D27

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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