#BCC6CF

#BCC6CF

Color Values

HEX

#BCC6CF

RGB

188, 198, 207

HSL

208.4, 16.5%, 77.5%

HSV

208.4, 9.2%, 81.2%

CMYK

9.2%, 4.3%, 0.0%, 18.8%

OKLCH

0.8215 0.0168 245.1

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BCC6CF

#CFC5BC

Analogous

#BCCFCF

#BCBDCF

#BCC6CF

Triadic

#BCC6CF

#CFBCC6

#C6CFBC

Split Complementary

#BCC6CF

#CFBCBD

#CFCFBC

Tetradic

#BCC6CF

#CFBCCF

#CFC5BC

#BDCFBC

Color Blindness Simulation

Original

#BCC6CF

Protanopia

#C0C0CD

Deuteranopia

#C0BFCC

Tritanopia

#BCCBCB

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DCE1
300
#B8C2CC
400
#91A1B0
500
#6A8195
600
#556777
700
#44525F
800
#35404A
900
#293138
950
#1A1F23

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.12:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026