#3CAF5A Color

Color Information

HEX	#3CAF5A
RGB	60, 175, 90
HSL	136° , 49% , 46%
HSV	136° , 66% , 69%
CMYK	66%, 0%, 49%, 31%

Lighter Shades

#53B96E #6BC282 #82CC95 #9AD5A9 #B1DFBD #C8E9D1

Darker Shades

#359A4F #2E8544 #26703A #1F5B2F #184624 #113119

Complementary Palette

#34974D #3CAF5A #97347C #AF3C90 #BA57A0 #57BA71

Analogous Palette

#5B8A4C #639753 #38A555 #3CAF5A #539787 #639C8E

Triadic Palette

#359A4F #3CAF5A #5530BB #6949C3 #BB5530 #A54B2A

Split Complementary Palette

#369E51 #3CAF5A #943CAF #9F50B7 #AF3C57 #9E364E

Square Palette

#32934C #3CAF5A #485DA3 #A3488B #AF943C #BCA55B

Tetradic Palette

#31904A #3CAF5A #279AC4 #AF3C90 #C45127 #CF704E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3CAF5A contains 60 red, 175 green, and 90 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.57:1