#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026