#3AACBC Color

Color Information

HEX	#3AACBC
RGB	58, 172, 188
HSL	187° , 53% , 48%
HSV	187° , 69% , 74%
CMYK	69%, 9%, 0%, 26%

Lighter Shades

#52B6C4 #69C0CC #81CAD4 #99D4DC #B0DEE4 #C8E8EC

Darker Shades

#3397A5 #2C838F #256E78 #1E5962 #17454B #103035

Complementary Palette

#3294A2 #3AACBC #A13F32 #BB493A #C56256 #56B8C5

Analogous Palette

#4B9579 #52A384 #37A2B1 #3AACBC #5271A3 #627DA7

Triadic Palette

#3397A5 #3AACBC #C82DB6 #CF46BF #B6C82D #A0B028

Split Complementary Palette

#349BA9 #3AACBC #BB3A6B #C24E7A #BB8A3A #A87C34

Square Palette

#31909E #3AACBC #8746AF #AF5246 #6BBB3A #83C65A

Tetradic Palette

#308D9A #3AACBC #3823D1 #BB493A #BDD123 #C9D94B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AACBC contains 58 red, 172 green, and 188 blue.

Contrast Ratio: 2.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.92:1