#BAF2DF Color

Color Information

HEX#BAF2DF
RGB186, 242, 223
HSL160° , 68% , 84%
HSV160° , 23% , 95%
CMYK23%, 0%, 8%, 5%

Lighter Shades

#C2F4E3 #CBF5E7 #D3F7EB #DBF8EE #E3FAF2 #ECFBF6

Darker Shades

#A4D5C4 #8DB8A9 #779B8F #617E74 #4A6159 #34443E

Complementary Palette

#A0D0C0 #BAF2DF #D0A0B0 #F2BACD #F4C4D4 #C4F4E3

Analogous Palette

#B6D3BB #C3EACA #AFE3D2 #BAF2DF #C3E3EA #C6E6EB

Triadic Palette

#A4D5C4 #BAF2DF #E1B6F6 #E5BFF7 #F6E1B6 #D8C6A0

Split Complementary Palette

#A7DAC9 #BAF2DF #F2BAE9 #F3C1EB #F2C4BA #DAB0A7

Square Palette

#9CCBBB #BAF2DF #C7BFEE #EEBFCE #E9F2BA #EDF4C5

Tetradic Palette

#99C6B7 #BAF2DF #B3CBF9 #F2BACD #F9E2B3 #FAE7C1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAF2DF contains 186 red, 242 green, and 223 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.95:1