#3CAAAA Color

Color Information

HEX	#3CAAAA
RGB	60, 170, 170
HSL	180° , 48% , 45%
HSV	180° , 65% , 67%
CMYK	65%, 0%, 0%, 33%

Lighter Shades

#53B4B4 #6BBEBE #82C9C9 #9AD3D3 #B1DDDD #C8E7E7

Darker Shades

#359696 #2E8181 #266D6D #1F5858 #184444 #113030

Complementary Palette

#349292 #3CAAAA #923434 #AA3C3C #B65757 #57B6B6

Analogous Palette

#4B8669 #539373 #38A0A0 #3CAAAA #537393 #668099

Triadic Palette

#359696 #3CAAAA #B530B5 #BE49BE #B5B530 #9F9F2A

Split Complementary Palette

#369999 #3CAAAA #AA3C73 #B35081 #AA733C #996836

Square Palette

#328F8F #3CAAAA #73479E #9E4747 #73AA3C #89B85B

Tetradic Palette

#318B8B #3CAAAA #2727BE #AA3C3C #BEBE27 #CACA4E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3CAAAA contains 60 red, 170 green, and 170 blue.

Contrast Ratio: 2.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.63:1