#BAE5DD Color

Color Information

HEX#BAE5DD
RGB186, 229, 221
HSL169° , 45% , 81%
HSV169° , 19% , 90%
CMYK19%, 0%, 3%, 10%

Lighter Shades

#C2E8E1 #CBEBE5 #D3EEE9 #DBF1ED #E3F5F1 #ECF8F5

Darker Shades

#A4CAC2 #8DAEA8 #77938D #617773 #4A5C58 #34403E

Complementary Palette

#A0C5BE #BAE5DD #C49FA6 #E4B9C1 #E8C3CA #C4E9E2

Analogous Palette

#B6C9BC #C3DACB #AFD7D0 #BAE5DD #C3D3DA #C9D8DE

Triadic Palette

#A4CAC2 #BAE5DD #DFB4E9 #E3BDEC #E9DFB4 #CDC49E

Split Complementary Palette

#A7CEC7 #BAE5DD #E4B9D7 #E7C0DB #E4C7B9 #CDB3A7

Square Palette

#9CC0BA #BAE5DD #C9BEDF #DFBEC4 #D7E4B9 #DDE8C4

Tetradic Palette

#99BCB5 #BAE5DD #B1BCED #E4B9C1 #EDE2B1 #F0E7BF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAE5DD contains 186 red, 229 green, and 221 blue.

Contrast Ratio: 1.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.47:1