#BAF0BF Color

Color Information

HEX#BAF0BF
RGB186, 240, 191
HSL126° , 64% , 84%
HSV126° , 23% , 94%
CMYK23%, 0%, 20%, 6%

Lighter Shades

#C2F2C7 #CBF4CE #D3F5D6 #DBF7DE #E3F9E5 #ECFBED

Darker Shades

#A4D3A8 #8DB691 #779A7A #617D63 #4A604C #344335

Complementary Palette

#A0CEA4 #BAF0BF #CEA2CA #F0BCEB #F2C5EE #C4F2C8

Analogous Palette

#C2D1B8 #D3E8C5 #AFE2B4 #BAF0BF #C5E8DA #C8E9DC

Triadic Palette

#A4D3A8 #BAF0BF #BEB8F4 #C6C1F5 #F4BEB8 #D7A7A2

Split Complementary Palette

#A7D8AC #BAF0BF #DBBCF0 #DFC3F2 #F0BCD1 #D8A9BC

Square Palette

#9CCAA0 #BAF0BF #C1D2EC #ECC1E7 #F0DBBC #F2E1C7

Tetradic Palette

#99C59D #BAF0BF #B5F1F7 #F0BCEB #F7BCB5 #F8C8C2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAF0BF contains 186 red, 240 green, and 191 blue.

Contrast Ratio: 1.28:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 16.41:1