#3AABA3 Color

Color Information

HEX#3AABA3
RGB58, 171, 163
HSL176° , 49% , 45%
HSV176° , 66% , 67%
CMYK66%, 0%, 5%, 33%

Lighter Shades

#52B5AE #69BFB9 #81C9C4 #99D3CF #B0DDDA #C8E7E5

Darker Shades

#33968F #2C827C #256D68 #1E5955 #174441 #10302E

Complementary Palette

#32938C #3AABA3 #933339 #AB3B42 #B7565C #56B7B0

Analogous Palette

#4A8765 #51946E #37A199 #3AABA3 #517794 #65839A

Triadic Palette

#33968F #3AABA3 #AD2FB6 #B748BF #B6AD2F #A09829

Split Complementary Palette

#349A93 #3AABA3 #AB3B7A #B34F87 #AB6B3B #9A6035

Square Palette

#319089 #3AABA3 #6D46A0 #A0464C #7AAB3B #8FB85A

Tetradic Palette

#308C86 #3AABA3 #2630C0 #AB3B42 #C0B526 #CBC24D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AABA3 contains 58 red, 171 green, and 163 blue.

Contrast Ratio: 2.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.64:1