#3AAB9F Color

Color Information

HEX#3AAB9F
RGB58, 171, 159
HSL174° , 49% , 45%
HSV174° , 66% , 67%
CMYK66%, 0%, 7%, 33%

Lighter Shades

#52B5AB #69BFB6 #81C9C2 #99D3CD #B0DDD9 #C8E7E4

Darker Shades

#33968C #2C8279 #256D66 #1E5953 #174440 #10302D

Complementary Palette

#329389 #3AAB9F #93333C #AB3B46 #B75660 #56B7AC

Analogous Palette

#4A8762 #51946C #37A195 #3AAB9F #517994 #65859A

Triadic Palette

#33968C #3AAB9F #A92FB6 #B348BF #B6A92F #A09529

Split Complementary Palette

#349A8F #3AAB9F #AB3B7E #B34F8B #AB683B #9A5E35

Square Palette

#319086 #3AAB9F #6A46A0 #A0464F #7EAB3B #93B85A

Tetradic Palette

#308C82 #3AAB9F #2635C0 #AB3B46 #C0B026 #CBBE4D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AAB9F contains 58 red, 171 green, and 159 blue.

Contrast Ratio: 2.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.61:1