#BCD5CB

#BCD5CB

Color Values

HEX

#BCD5CB

RGB

188, 213, 203

HSL

156.0, 22.9%, 78.6%

HSV

156.0, 11.7%, 83.5%

CMYK

11.7%, 0.0%, 4.7%, 16.5%

OKLCH

0.8516 0.0301 169.6

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BCD5CB

#D5BCC6

Analogous

#BCD5BE

#BCD2D5

#BCD5CB

Triadic

#BCD5CB

#CBBCD5

#D5CBBC

Split Complementary

#BCD5CB

#D5BCD2

#D5BEBC

Tetradic

#BCD5CB

#BEBCD5

#D5BCC6

#D2D5BC

Color Blindness Simulation

Original

#BCD5CB

Protanopia

#C7C7CD

Deuteranopia

#C5C4CE

Tritanopia

#BDCFD0

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E3DD
300
#B4D0C5
400
#8BB6A5
500
#629D85
600
#4F7D6B
700
#3F6455
800
#314E43
900
#263A32
950
#182520

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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