#B4D1DC Color

Color Information

HEX#B4D1DC
RGB180, 209, 220
HSL197° , 36% , 78%
HSV197° , 18% , 86%
CMYK18%, 5%, 0%, 14%

Lighter Shades

#BDD7E0 #C6DCE4 #CFE2E9 #D8E7ED #E1EDF1 #EAF2F5

Darker Shades

#9EB8C2 #899FA7 #73868D #5E6D72 #485458 #323B3E

Complementary Palette

#9BB4BD #B4D1DC #BCA39A #DBBEB3 #E0C7BE #BFD7E1

Analogous Palette

#ADC2BE #BED0CC #A9C4CF #B4D1DC #BEC2D0 #C4C7D4

Triadic Palette

#9EB8C2 #B4D1DC #E1ADD2 #E5B7D7 #D2E1AD #B9C698

Split Complementary Palette

#A2BCC6 #B4D1DC #DBB3BB #DFBBC2 #DBD2B3 #C5BDA1

Square Palette

#97B0B9 #B4D1DC #CFB8D5 #D5C1B8 #BBDBB3 #C6E1BF

Tetradic Palette

#94ABB4 #B4D1DC #BAA9E5 #DBBEB3 #D4E5A9 #DCEAB8

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B4D1DC contains 180 red, 209 green, and 220 blue.

Contrast Ratio: 1.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.25:1