#B4DAE5 Color

Color Information

HEX#B4DAE5
RGB180, 218, 229
HSL193° , 49% , 80%
HSV193° , 21% , 90%
CMYK21%, 5%, 0%, 10%

Lighter Shades

#BDDEE8 #C6E3EB #CFE7EE #D8ECF1 #E1F0F5 #EAF5F8

Darker Shades

#9EC0CA #89A6AE #738C93 #5E7177 #48575C #323D40

Complementary Palette

#9BBBC5 #B4DAE5 #C5A39A #E5BEB3 #E9C7BE #BFDFE9

Analogous Palette

#B3C7C1 #BDDBD2 #A9CDD7 #B4DAE5 #BDC6DB #C4CBDE

Triadic Palette

#9EC0CA #B4DAE5 #EAAEDD #EDB8E1 #DDEAAE #C2CE99

Split Complementary Palette

#A2C4CE #B4DAE5 #E5B3C1 #E8BBC7 #E5D7B3 #CEC2A1

Square Palette

#97B7C0 #B4DAE5 #D5B8E0 #E0C1B8 #C1E5B3 #CBE9BF

Tetradic Palette

#94B3BC #B4DAE5 #B9AAEE #E5BEB3 #DFEEAA #E5F1B9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B4DAE5 contains 180 red, 218 green, and 229 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.25:1