#BCC2C9

#BCC2C9

Color Values

HEX

#BCC2C9

RGB

188, 194, 201

HSL

212.3, 10.7%, 76.3%

HSV

212.3, 6.5%, 78.8%

CMYK

6.5%, 3.5%, 0.0%, 21.2%

OKLCH

0.8115 0.0119 252.1

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#BCC2C9

#C9C3BC

Analogous

#BCC9C9

#BDBCC9

#BCC2C9

Triadic

#BCC2C9

#C9BCC2

#C2C9BC

Split Complementary

#BCC2C9

#C9BDBC

#C9C9BC

Tetradic

#BCC2C9

#C9BCC9

#C9C3BC

#BCC9BD

Color Blindness Simulation

Original

#BCC2C9

Protanopia

#BFBFC7

Deuteranopia

#BEBEC7

Tritanopia

#BCC6C6

Achromatopsia

#C1C1C1

CSS Usage

background-color: #BCC2C9;
color: #BCC2C9;
border-color: #BCC2C9;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D7DBDF
300
#BBC1C8
400
#97A0AB
500
#727E8D
600
#5B6571
700
#49515A
800
#393F47
900
#2C3035
950
#1C1E22

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.7:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026