#45AB70 Color

Color Information

HEX#45AB70
RGB69, 171, 112
HSL145° , 43% , 47%
HSV145° , 60% , 67%
CMYK60%, 0%, 35%, 33%

Lighter Shades

#5BB581 #72BF92 #88C9A3 #9ED3B5 #B5DDC6 #CBE7D7

Darker Shades

#3D9663 #348255 #2C6D48 #24593A #1C442D #13301F

Complementary Palette

#3B9360 #45AB70 #933A6E #AB4480 #B75E92 #5FB784

Analogous Palette

#598754 #61935C #41A169 #45AB70 #5C938F #6C9995

Triadic Palette

#3D9663 #45AB70 #6D38B7 #7F50C0 #B76D38 #A16031

Split Complementary Palette

#3E9A65 #45AB70 #A344AB #AC57B3 #AB444D #9A3D45

Square Palette

#3A905E #45AB70 #50579F #9F507E #ABA344 #B8B262

Tetradic Palette

#398C5C #45AB70 #2F84C1 #AB4480 #C16C2F #CC8654

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45AB70 contains 69 red, 171 green, and 112 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.41:1