#BAF2F2 Color

Color Information

HEX#BAF2F2
RGB186, 242, 242
HSL180° , 68% , 84%
HSV180° , 23% , 95%
CMYK23%, 0%, 0%, 5%

Lighter Shades

#C2F4F4 #CBF5F5 #D3F7F7 #DBF8F8 #E3FAFA #ECFBFB

Darker Shades

#A4D5D5 #8DB8B8 #779B9B #617E7E #4A6161 #344444

Complementary Palette

#A0D0D0 #BAF2F2 #D0A0A0 #F2BABA #F4C4C4 #C4F4F4

Analogous Palette

#B6D3C4 #C3EAD6 #AFE3E3 #BAF2F2 #C3D6EA #C6D8EB

Triadic Palette

#A4D5D5 #BAF2F2 #F6B6F6 #F7BFF7 #F6F6B6 #D8D8A0

Split Complementary Palette

#A7DADA #BAF2F2 #F2BAD6 #F3C1DA #F2D6BA #DAC1A7

Square Palette

#9CCBCB #BAF2F2 #D6BFEE #EEBFBF #D6F2BA #DDF4C5

Tetradic Palette

#99C6C6 #BAF2F2 #B3B3F9 #F2BABA #F9F9B3 #FAFAC1

Contrast Checker

White Background

FAIL

Example Headline (24px)

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