#B2DCD9 Color

Color Information

HEX#B2DCD9
RGB178, 220, 217
HSL176° , 38% , 78%
HSV176° , 19% , 86%
CMYK19%, 0%, 1%, 14%

Lighter Shades

#BBE0DE #C4E4E2 #CEE9E7 #D7EDEB #E0F1F0 #E9F5F4

Darker Shades

#9DC2BF #87A7A5 #728D8B #5D7271 #475857 #323E3D

Complementary Palette

#99BDBB #B2DCD9 #BD999B #DCB2B4 #E1BDBF #BDE1DE

Analogous Palette

#ADC2B6 #BDD1C6 #A7CFCC #B2DCD9 #BDC8D1 #C3CDD5

Triadic Palette

#9DC2BF #B2DCD9 #DEACE2 #E2B6E5 #E2DEAC #C7C397

Split Complementary Palette

#A0C6C3 #B2DCD9 #DCB2CA #E0BACF #DCC4B2 #C6B0A0

Square Palette

#96B9B6 #B2DCD9 #C5B7D7 #D7B7B9 #CADCB2 #D2E2BE

Tetradic Palette

#92B4B2 #B2DCD9 #A7ABE6 #DCB2B4 #E6E2A7 #EBE7B7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2DCD9 contains 178 red, 220 green, and 217 blue.

Contrast Ratio: 1.47:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 14.28:1