#BAE2DC Color

Color Information

HEX#BAE2DC
RGB186, 226, 220
HSL171° , 41% , 81%
HSV171° , 18% , 89%
CMYK18%, 0%, 3%, 11%

Lighter Shades

#C2E5E0 #CBE9E4 #D3ECE9 #DBF0ED #E3F3F1 #ECF7F5

Darker Shades

#A4C7C2 #8DACA7 #77918D #617672 #4A5A58 #343F3E

Complementary Palette

#A0C2BD #BAE2DC #C2A1A6 #E2BBC1 #E6C5CA #C4E6E1

Analogous Palette

#B6C9BD #C5D8CC #AFD4CF #BAE2DC #C5D2D8 #C8D4DA

Triadic Palette

#A4C7C2 #BAE2DC #E0B6E7 #E4BFEA #E7E0B6 #CBC5A0

Split Complementary Palette

#A7CBC6 #BAE2DC #E2BBD5 #E5C2D9 #E2C9BB #CBB5A8

Square Palette

#9CBEB9 #BAE2DC #CBC0DD #DDC0C4 #D5E2BB #DCE7C6

Tetradic Palette

#99B9B4 #BAE2DC #B2BBEB #E2BBC1 #EBE2B2 #EFE7C0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAE2DC contains 186 red, 226 green, and 220 blue.

Contrast Ratio: 1.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.13:1