#3AABA9 Color

Color Information

HEX#3AABA9
RGB58, 171, 169
HSL179° , 49% , 45%
HSV179° , 66% , 67%
CMYK66%, 0%, 1%, 33%

Lighter Shades

#52B5B3 #69BFBE #81C9C8 #99D3D2 #B0DDDD #C8E7E7

Darker Shades

#339695 #2C8280 #256D6C #1E5958 #174444 #10302F

Complementary Palette

#329391 #3AABA9 #933334 #AB3B3C #B75657 #56B7B5

Analogous Palette

#4A8768 #519472 #37A19F #3AABA9 #517494 #65809A

Triadic Palette

#339695 #3AABA9 #B42FB6 #BD48BF #B6B42F #A09E29

Split Complementary Palette

#349A98 #3AABA9 #AB3B75 #B34F83 #AB713B #9A6635

Square Palette

#31908E #3AABA9 #7146A0 #A04647 #75AB3B #8BB85A

Tetradic Palette

#308C8B #3AABA9 #2628C0 #AB3B3C #C0BD26 #CBC94D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AABA9 contains 58 red, 171 green, and 169 blue.

Contrast Ratio: 2.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.69:1