#BCD5CC

#BCD5CC

Color Values

HEX

#BCD5CC

RGB

188, 213, 204

HSL

158.4, 22.9%, 78.6%

HSV

158.4, 11.7%, 83.5%

CMYK

11.7%, 0.0%, 4.2%, 16.5%

OKLCH

0.8519 0.0295 171.9

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BCD5CC

#D5BCC5

Analogous

#BCD5BF

#BCD1D5

#BCD5CC

Triadic

#BCD5CC

#CCBCD5

#D5CCBC

Split Complementary

#BCD5CC

#D5BCD1

#D5BFBC

Tetradic

#BCD5CC

#BFBCD5

#D5BCC5

#D1D5BC

Color Blindness Simulation

Original

#BCD5CC

Protanopia

#C7C7CE

Deuteranopia

#C5C4CF

Tritanopia

#BDD0D0

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E3DE
300
#B4D0C6
400
#8BB6A7
500
#629D88
600
#4F7D6D
700
#3F6457
800
#314E44
900
#263A33
950
#182520

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.53:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026