#3AAC75 Color

Color Information

HEX#3AAC75
RGB58, 172, 117
HSL151° , 50% , 45%
HSV151° , 66% , 67%
CMYK66%, 0%, 32%, 33%

Lighter Shades

#52B686 #69C096 #81CAA7 #99D4B7 #B0DEC8 #C8E8D8

Darker Shades

#339767 #2C8359 #256E4B #1E593D #17452F #103021

Complementary Palette

#329465 #3AAC75 #943161 #AC3971 #B85585 #56B888

Analogous Palette

#49884A #509551 #37A26E #3AAC75 #509495 #619898

Triadic Palette

#339767 #3AAC75 #752EB8 #8647C1 #B8752E #A26728

Split Complementary Palette

#349B69 #3AAC75 #AC39AA #B44DB3 #AC3B39 #9B3533

Square Palette

#319062 #3AAC75 #4645A1 #A14571 #AAAC39 #B8B959

Tetradic Palette

#308D60 #3AAC75 #2570C1 #AC3971 #C17525 #CC8E4C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AAC75 contains 58 red, 172 green, and 117 blue.

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.44:1