#BCCDCB

#BCCDCB

Color Values

HEX

#BCCDCB

RGB

188, 205, 203

HSL

172,9, 14,5%, 77,1%

HSV

172,9, 8,3%, 80,4%

CMYK

8,3%, 0,0%, 1,0%, 19,6%

OKLCH

0,8348 0,0187 188,3

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BCCDCB

#CDBCBE

Analogous

#BCCDC3

#BCC7CD

#BCCDCB

Triadic

#BCCDCB

#CBBCCD

#CDCBBC

Split Complementary

#BCCDCB

#CDBCC7

#CDC3BC

Tetradic

#BCCDCB

#C3BCCD

#CDBCBE

#C7CDBC

Color Blindness Simulation

Original

#BCCDCB

Protanopia

#C3C4CB

Deuteranopia

#C2C1CC

Tritanopia

#BDCCCC

Achromatopsia

#C9C9C9

CSS Usage

background-color: #BCCDCB;
color: #BCCDCB;
border-color: #BCCDCB;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0DF
300
#B9CBC9
400
#93AEAB
500
#6D928E
600
#577571
700
#465D5B
800
#374947
900
#2A3735
950
#1B2322

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026