#3AA5AB Color

Color Information

HEX	#3AA5AB
RGB	58, 165, 171
HSL	183° , 49% , 45%
HSV	183° , 66% , 67%
CMYK	66%, 4%, 0%, 33%

Lighter Shades

#52B0B5 #69BBBF #81C5C9 #99D0D3 #B0DBDD #C8E6E7

Darker Shades

#339196 #2C7D82 #256A6D #1E5659 #174244 #102E30

Complementary Palette

#328E93 #3AA5AB #933733 #AB403B #B75B56 #56B2B7

Analogous Palette

#4A876C #519476 #379BA1 #3AA5AB #516F94 #657D9A

Triadic Palette

#339196 #3AA5AB #B62FB0 #BF48B9 #B0B62F #9BA029

Split Complementary Palette

#34959A #3AA5AB #AB3B6D #B34F7C #AB783B #9A6C35

Square Palette

#318B90 #3AA5AB #7746A0 #A04A46 #6DAB3B #84B85A

Tetradic Palette

#30878C #3AA5AB #2E26C0 #AB403B #B8C026 #C5CB4D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AA5AB contains 58 red, 165 green, and 171 blue.

Contrast Ratio: 2.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.25:1