#BAF5A3 Color

Color Information

HEX	#BAF5A3
RGB	186, 245, 163
HSL	103° , 80% , 80%
HSV	103° , 33% , 96%
CMYK	24%, 0%, 33%, 4%

Lighter Shades

#C2F6AE #CBF7B9 #D3F9C4 #DBFACF #E3FBDA #ECFCE5

Darker Shades

#A4D88F #8DBA7C #779D68 #617F55 #4A6241 #34452E

Complementary Palette

#A0D38C #BAF5A3 #BF8CD3 #DEA3F5 #E3B0F6 #C4F6B0

Analogous Palette

#CAD5A5 #DDEBAD #AFE699 #BAF5A3 #ADEBBB #B5EDC1

Triadic Palette

#A4D88F #BAF5A3 #9EB8FA #AAC1FB #FA9EB8 #DC8BA2

Split Complementary Palette

#A7DD93 #BAF5A3 #B5A3F5 #BCACF6 #F5A3E3 #DD93CC

Square Palette

#9CCE89 #BAF5A3 #A8E0F0 #DBA8F0 #F5B5A3 #F7C1B2

Tetradic Palette

#99C986 #BAF5A3 #9AFEE2 #DEA3F5 #FE9AB6 #FEACC3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAF5A3 contains 186 red, 245 green, and 163 blue.

Contrast Ratio: 1.25:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 16.76:1