#3AA080 Color

Color Information

HEX	#3AA080
RGB	58, 160, 128
HSL	161° , 47% , 43%
HSV	161° , 64% , 63%
CMYK	64%, 0%, 20%, 37%

Lighter Shades

#52AB8F #69B79E #81C2AE #99CEBD #B0D9CC #C8E4DB

Darker Shades

#338D71 #2C7A61 #256652 #1E5343 #174033 #102D24

Complementary Palette

#328A6E #3AA080 #8A324E #A13A5B #AE5672 #56AD92

Analogous Palette

#497E52 #508B5B #379678 #3AA080 #50808B #638992

Triadic Palette

#338D71 #3AA080 #852FAC #9448B6 #AC852F #977529

Split Complementary Palette

#349073 #3AA080 #A13A8E #AA4E99 #A14D3A #914534

Square Palette

#31866C #3AA080 #544596 #96455F #8EA13A #A0B05A

Tetradic Palette

#308369 #3AA080 #2654B5 #A13A5B #B58826 #C29D4D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AA080 contains 58 red, 160 green, and 128 blue.

Contrast Ratio: 3.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.61:1