#B4D2BF Color

Color Information

HEX#B4D2BF
RGB180, 210, 191
HSL142° , 25% , 76%
HSV142° , 14% , 82%
CMYK14%, 0%, 9%, 18%

Lighter Shades

#BDD7C7 #C6DDCE #CFE2D6 #D8E8DE #E1EDE5 #EAF2ED

Darker Shades

#9EB9A8 #89A091 #73867A #5E6D63 #48544C #323B35

Complementary Palette

#9BB5A4 #B4D2BF #B49AAA #D1B3C6 #D7BECE #BFD8C8

Analogous Palette

#AABEA7 #BBCBB9 #A9C5B4 #B4D2BF #B9CBC9 #BECFCD

Triadic Palette

#9EB9A8 #B4D2BF #BCACD7 #C4B6DC #D7BCAC #BDA597

Split Complementary Palette

#A2BDAC #B4D2BF #CDB3D1 #D2BBD6 #D1B3B7 #BCA1A5

Square Palette

#97B0A0 #B4D2BF #B9BBCB #CBB9C4 #D1CDB3 #D8D5BF

Tetradic Palette

#94AC9D #B4D2BF #A7C9DC #D1B3C6 #DCBBA7 #E2C7B7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B4D2BF contains 180 red, 210 green, and 191 blue.

Contrast Ratio: 1.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.07:1