#3AA8A0 Color

Color Information

HEX	#3AA8A0
RGB	58, 168, 160
HSL	176° , 49% , 44%
HSV	176° , 65% , 66%
CMYK	65%, 0%, 5%, 34%

Lighter Shades

#52B2AB #69BDB7 #81C7C2 #99D2CE #B0DCD9 #C8E7E4

Darker Shades

#33948D #2C807A #256C66 #1E5753 #174340 #102F2D

Complementary Palette

#32908A #3AA8A0 #903138 #A73941 #B3555C #56B4AD

Analogous Palette

#478562 #50916C #379E96 #3AA8A0 #507591 #617E94

Triadic Palette

#33948D #3AA8A0 #AA2EB2 #B447BB #B2AA2E #9D9628

Split Complementary Palette

#349790 #3AA8A0 #A73978 #B04D86 #A76939 #965F33

Square Palette

#318D86 #3AA8A0 #6A449C #9C444A #78A739 #8EB559

Tetradic Palette

#308A83 #3AA8A0 #252FBB #A73941 #BBB125 #C7BF4C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AA8A0 contains 58 red, 168 green, and 160 blue.

Contrast Ratio: 2.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.39:1