#BCC3B0

#BCC3B0

Color Values

HEX

#BCC3B0

RGB

188, 195, 176

HSL

82.1, 13.7%, 72.7%

HSV

82.1, 9.7%, 76.5%

CMYK

3.6%, 0.0%, 9.7%, 23.5%

OKLCH

0.8064 0.0273 123.5

Properties

Cool Light Nearest: RAL 7044 Silk Grey

Color Harmonies

Complementary

#BCC3B0

#B7B0C3

Analogous

#C3C0B0

#B2C3B0

#BCC3B0

Triadic

#BCC3B0

#B0BCC3

#C3B0BC

Split Complementary

#BCC3B0

#B0B2C3

#C0B0C3

Tetradic

#BCC3B0

#B0C3C0

#B7B0C3

#C3B0B2

Color Blindness Simulation

Original

#BCC3B0

Protanopia

#BFBFB5

Deuteranopia

#BFBEB6

Tritanopia

#BCB8B9

Achromatopsia

#C0C0C0

CSS Usage

background-color: #BCC3B0;
color: #BCC3B0;
border-color: #BCC3B0;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE0D6
300
#C4CAB9
400
#A4AE94
500
#84916E
600
#6A7458
700
#555D46
800
#424837
900
#32362A
950
#20221B

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026