#3AC2D6 Color

Color Information

HEX	#3AC2D6
RGB	58, 194, 214
HSL	188° , 66% , 53%
HSV	188° , 73% , 84%
CMYK	73%, 9%, 0%, 16%

Lighter Shades

#52C9DB #69D1E0 #81D8E5 #99DFEA #B0E7EF #C8EEF4

Darker Shades

#33ABBC #2C93A3 #257C89 #1E656F #174E56 #10363C

Complementary Palette

#32A7B8 #3AC2D6 #B84230 #D64D38 #DC6654 #56CBDC

Analogous Palette

#4DAC8A #50BE96 #37B6C9 #3AC2D6 #5078BE #5F84C4

Triadic Palette

#33ABBC #3AC2D6 #E22CCA #E545D0 #CAE22C #B2C727

Split Complementary Palette

#34AFC1 #3AC2D6 #D63872 #DA4C80 #D69C38 #C18C32

Square Palette

#31A3B4 #3AC2D6 #9944CA #CA5644 #72D638 #89DD58

Tetradic Palette

#309FAF #3AC2D6 #3D22EC #D64D38 #D1EC22 #D9EF4A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AC2D6 contains 58 red, 194 green, and 214 blue.

Contrast Ratio: 2.1:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.98:1