#BAF2E2 Color

Color Information

HEX	#BAF2E2
RGB	186, 242, 226
HSL	163° , 68% , 84%
HSV	163° , 23% , 95%
CMYK	23%, 0%, 7%, 5%

Lighter Shades

#C2F4E5 #CBF5E9 #D3F7EC #DBF8F0 #E3FAF3 #ECFBF7

Darker Shades

#A4D5C7 #8DB8AC #779B91 #617E76 #4A615A #34443F

Complementary Palette

#A0D0C2 #BAF2E2 #D0A0AE #F2BACA #F4C4D1 #C4F4E6

Analogous Palette

#B6D3BC #C3EACB #AFE3D4 #BAF2E2 #C3E1EA #C6E3EB

Triadic Palette

#A4D5C7 #BAF2E2 #E4B6F6 #E7BFF7 #F6E4B6 #D8C9A0

Split Complementary Palette

#A7DACB #BAF2E2 #F2BAE6 #F3C1E9 #F2C6BA #DAB2A7

Square Palette

#9CCBBE #BAF2E2 #C9BFEE #EEBFCC #E6F2BA #EAF4C5

Tetradic Palette

#99C6B9 #BAF2E2 #B3C7F9 #F2BACA #F9E5B3 #FAEAC1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAF2E2 contains 186 red, 242 green, and 226 blue.

Contrast Ratio: 1.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 16.98:1