#3CAA94 Color

Color Information

HEX#3CAA94
RGB60, 170, 148
HSL168° , 48% , 45%
HSV168° , 65% , 67%
CMYK65%, 0%, 13%, 33%

Lighter Shades

#53B4A1 #6BBEAE #82C9BB #9AD3C7 #B1DDD4 #C8E7E1

Darker Shades

#359682 #2E8170 #266D5F #1F584D #18443B #113029

Complementary Palette

#34927F #3CAA94 #923447 #AA3C52 #B6576A #57B6A3

Analogous Palette

#4B865D #539366 #38A08B #3CAA94 #538093 #668A99

Triadic Palette

#359682 #3CAA94 #9B30B5 #A749BE #B59B30 #9F882A

Split Complementary Palette

#369985 #3CAA94 #AA3C89 #B35095 #AA5D3C #995436

Square Palette

#328F7C #3CAA94 #61479E #9E4759 #89AA3C #9CB85B

Tetradic Palette

#318B79 #3CAA94 #2745BE #AA3C52 #BEA027 #CAB14E

Contrast Checker

White Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.47:1