#3AA3A0 Color

Color Information

HEX	#3AA3A0
RGB	58, 163, 160
HSL	178° , 48% , 43%
HSV	178° , 64% , 64%
CMYK	64%, 0%, 2%, 36%

Lighter Shades

#52AEAB #69B9B7 #81C4C2 #99CFCE #B0DAD9 #C8E5E4

Darker Shades

#338F8D #2C7C7A #256866 #1E5553 #174140 #102E2D

Complementary Palette

#328C8A #3AA3A0 #8B3134 #A2393D #AF5558 #56B0AD

Analogous Palette

#487F62 #4F8C6C #379996 #3AA3A0 #4F708C #607990

Triadic Palette

#338F8D #3AA3A0 #A92EAD #B347B7 #ADA92E #989528

Split Complementary Palette

#349390 #3AA3A0 #A23971 #AB4D7F #A26A39 #925F33

Square Palette

#318986 #3AA3A0 #6B4497 #974447 #71A239 #88B159

Tetradic Palette

#308683 #3AA3A0 #252AB6 #A2393D #B6B125 #C3BF4C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AA3A0 contains 58 red, 163 green, and 160 blue.

Contrast Ratio: 2.99:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.03:1