#BAF3A5 Color

Color Information

HEX#BAF3A5
RGB186, 243, 165
HSL104° , 76% , 80%
HSV104° , 32% , 95%
CMYK23%, 0%, 32%, 5%

Lighter Shades

#C2F4B0 #CBF6BB #D3F7C5 #DBF9D0 #E3FADB #ECFCE6

Darker Shades

#A4D691 #8DB97D #779C6A #617E56 #4A6142 #34442E

Complementary Palette

#A0D18E #BAF3A5 #BF8ED1 #DEA5F3 #E3B2F5 #C4F5B2

Analogous Palette

#C9D3A6 #DBE9AF #AFE49B #BAF3A5 #AFE9BD #B7EBC3

Triadic Palette

#A4D691 #BAF3A5 #A0B8F8 #ABC1F9 #F8A0B8 #DA8DA2

Split Complementary Palette

#A7DB95 #BAF3A5 #B7A5F3 #BEAEF4 #F3A5E1 #DB95CB

Square Palette

#9CCC8B #BAF3A5 #AADEEE #DCAAEE #F3B7A5 #F5C3B3

Tetradic Palette

#99C787 #BAF3A5 #9CFCE2 #DEA5F3 #FC9CB6 #FDAEC3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAF3A5 contains 186 red, 243 green, and 165 blue.

Contrast Ratio: 1.27:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 16.54:1