#3AAFBD Color

Color Information

HEX	#3AAFBD
RGB	58, 175, 189
HSL	186° , 53% , 48%
HSV	186° , 69% , 74%
CMYK	69%, 7%, 0%, 26%

Lighter Shades

#52B9C5 #69C2CD #81CCD5 #99D5DD #B0DFE5 #C8E9ED

Darker Shades

#339AA6 #2C8590 #257079 #1E5B62 #17464C #103135

Complementary Palette

#3297A3 #3AAFBD #A13D32 #BB473A #C56156 #56BAC6

Analogous Palette

#4B9578 #52A382 #37A5B2 #3AAFBD #5272A3 #627EA7

Triadic Palette

#339AA6 #3AAFBD #C82DB8 #CF46C1 #B8C82D #A2B028

Split Complementary Palette

#349EAA #3AAFBD #BB3A6D #C24E7C #BB873A #A87A34

Square Palette

#31939F #3AAFBD #8546AF #AF5046 #6DBB3A #84C65A

Tetradic Palette

#30909B #3AAFBD #3523D1 #BB473A #C0D123 #CBD94B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AAFBD contains 58 red, 175 green, and 189 blue.

Contrast Ratio: 2.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.16:1