#BAE175 Color

Color Information

HEX#BAE175
RGB186, 225, 117
HSL82° , 64% , 67%
HSV82° , 48% , 88%
CMYK17%, 0%, 48%, 12%

Lighter Shades

#C2E586 #CBE896 #D3ECA7 #DBEFB7 #E3F3C8 #ECF7D8

Darker Shades

#A4C667 #8DAB59 #77904B #61753D #4A5A2F #343F21

Complementary Palette

#A0C265 #BAE175 #8665C2 #9C75E1 #AA88E5 #C4E588

Analogous Palette

#BCB480 #D0C686 #AFD46E #BAE175 #90D086 #9AD491

Triadic Palette

#A4C667 #BAE175 #6DBBE9 #7FC3EC #E96DBB #CD60A5

Split Complementary Palette

#A7CB69 #BAE175 #7583E1 #838FE4 #D275E1 #BD69CB

Square Palette

#9CBD62 #BAE175 #7DD8CC #9F7DD8 #E17583 #E68B97

Tetradic Palette

#99B960 #BAE175 #66F098 #9C75E1 #F066BD #F382C9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAE175 contains 186 red, 225 green, and 117 blue.

Contrast Ratio: 1.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.25:1