#BCC6DB

#BCC6DB

Color Values

HEX

#BCC6DB

RGB

188, 198, 219

HSL

220.6, 30.1%, 79.8%

HSV

220.6, 14.2%, 85.9%

CMYK

14.2%, 9.6%, 0.0%, 14.1%

OKLCH

0.8254 0.0314 265.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BCC6DB

#DBD1BC

Analogous

#BCD6DB

#C1BCDB

#BCC6DB

Triadic

#BCC6DB

#DBBCC6

#C6DBBC

Split Complementary

#BCC6DB

#DBC1BC

#D6DBBC

Tetradic

#BCC6DB

#DBBCD6

#DBD1BC

#BCDBC1

Color Blindness Simulation

Original

#BCC6DB

Protanopia

#C0C0D6

Deuteranopia

#C0BFD5

Tritanopia

#BCD2D1

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D8E6
300
#AFBBD4
400
#8497BD
500
#5972A6
600
#475B85
700
#39496A
800
#2D3953
900
#232C3E
950
#161C27

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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