#BCD4B1

#BCD4B1

Color Values

HEX

#BCD4B1

RGB

188, 212, 177

HSL

101.1, 28.9%, 76.3%

HSV

101.1, 16.5%, 83.1%

CMYK

11.3%, 0.0%, 16.5%, 16.9%

OKLCH

0.8427 0.0542 135.8

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BCD4B1

#C9B1D4

Analogous

#CED4B1

#B1D4B8

#BCD4B1

Triadic

#BCD4B1

#B1BCD4

#D4B1BC

Split Complementary

#BCD4B1

#B8B1D4

#D4B1CE

Tetradic

#BCD4B1

#B1CED4

#C9B1D4

#D4B8B1

Color Blindness Simulation

Original

#BCD4B1

Protanopia

#C6C7B9

Deuteranopia

#C5C3BC

Tritanopia

#BDC0C2

Achromatopsia

#CCCCCC

CSS Usage

background-color: #BCD4B1;
color: #BCD4B1;
border-color: #BCD4B1;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F7F9F5
100
#ECF2E9
200
#D7E6D1
300
#BBD3B0
400
#97BC85
500
#72A45B
600
#5B8349
700
#49693A
800
#39522D
900
#2C3D24
950
#1C2717

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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