#BAF3ED Color

Color Information

HEX#BAF3ED
RGB186, 243, 237
HSL174° , 70% , 84%
HSV174° , 23% , 95%
CMYK23%, 0%, 2%, 5%

Lighter Shades

#C2F4EF #CBF6F1 #D3F7F3 #DBF9F6 #E3FAF8 #ECFCFA

Darker Shades

#A4D6D1 #8DB9B4 #779C98 #617E7B #4A615F #344442

Complementary Palette

#A0D1CC #BAF3ED #D1A0A4 #F3BABF #F5C4C8 #C4F5F0

Analogous Palette

#B5D4C1 #C2EBD1 #AFE4DF #BAF3ED #C2DAEB #C6DDEC

Triadic Palette

#A4D6D1 #BAF3ED #F0B6F7 #F2BFF8 #F7F0B6 #D9D3A0

Split Complementary Palette

#A7DBD5 #BAF3ED #F3BADC #F4C1E0 #F3D0BA #DBBBA7

Square Palette

#9CCCC7 #BAF3ED #D0BEEF #EFBEC2 #DCF3BA #E2F5C5

Tetradic Palette

#99C7C2 #BAF3ED #B2B8FA #F3BABF #FAF3B2 #FBF5C0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAF3ED contains 186 red, 243 green, and 237 blue.

Contrast Ratio: 1.22:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 17.22:1