#B4DDC5

#B4DDC5

Color Values

HEX

#B4DDC5

RGB

180, 221, 197

HSL

144.9, 37.6%, 78.6%

HSV

144.9, 18.6%, 86.7%

CMYK

18.6%, 0.0%, 10.9%, 13.3%

OKLCH

0.8616 0.0542 159.3

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#B4DDC5

#DDB4CC

Analogous

#B7DDB4

#B4DDD9

#B4DDC5

Triadic

#B4DDC5

#C5B4DD

#DDC5B4

Split Complementary

#B4DDC5

#D9B4DD

#DDB4B7

Tetradic

#B4DDC5

#B4B7DD

#DDB4CC

#DDD9B4

Color Blindness Simulation

Original

#B4DDC5

Protanopia

#C6C6CB

Deuteranopia

#C3C0CC

Tritanopia

#B6CFD0

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CEE9D9
300
#ABD9BE
400
#7DC49B
500
#50AF77
600
#408C5F
700
#33704C
800
#28583C
900
#20412E
950
#14291D

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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