#BCCFD6

#BCCFD6

Color Values

HEX

#BCCFD6

RGB

188, 207, 214

HSL

196.2, 24.1%, 78.8%

HSV

196.2, 12.1%, 83.9%

CMYK

12.1%, 3.3%, 0.0%, 16.1%

OKLCH

0.8423 0.0228 221.9

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BCCFD6

#D6C3BC

Analogous

#BCD6D0

#BCC2D6

#BCCFD6

Triadic

#BCCFD6

#D6BCCF

#CFD6BC

Split Complementary

#BCCFD6

#D6BCC2

#D6D0BC

Tetradic

#BCCFD6

#D0BCD6

#D6C3BC

#C2D6BC

Color Blindness Simulation

Original

#BCCFD6

Protanopia

#C4C4D4

Deuteranopia

#C3C2D4

Tritanopia

#BDD3D3

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D3DFE4
300
#B3C9D1
400
#8AABB7
500
#618E9E
600
#4D717F
700
#3E5B65
800
#30474F
900
#26353B
950
#182225

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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