#42AA71 Color

Color Information

HEX#42AA71
RGB66, 170, 113
HSL147° , 44% , 46%
HSV147° , 61% , 67%
CMYK61%, 0%, 34%, 33%

Lighter Shades

#59B482 #6FBE93 #86C9A4 #9DD3B5 #B3DDC6 #CAE7D7

Darker Shades

#3A9663 #328156 #2A6D48 #22583B #1A442D #123020

Complementary Palette

#399261 #42AA71 #913969 #A9427A #B55C8D #5CB685

Analogous Palette

#548551 #5C9159 #3EA06A #42AA71 #59918F #699694

Triadic Palette

#3A9663 #42AA71 #6F36B5 #804EBE #B56F36 #9F6230

Split Complementary Palette

#3B9966 #42AA71 #A442A9 #AD55B2 #A94247 #983B40

Square Palette

#378F5F #42AA71 #4D519D #9D4D79 #A9A442 #B7B360

Tetradic Palette

#368B5D #42AA71 #2D7DBE #A9427A #BE6E2D #CA8853

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42AA71 contains 66 red, 170 green, and 113 blue.

Contrast Ratio: 2.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.32:1