#2FA570 Color

Color Information

HEX#2FA570
RGB47, 165, 112
HSL153° , 56% , 42%
HSV153° , 72% , 65%
CMYK72%, 0%, 32%, 35%

Lighter Shades

#48B081 #61BB92 #7AC5A3 #93D0B5 #ACDBC6 #C5E6D7

Darker Shades

#299163 #247D55 #1E6A48 #18563A #13422D #0D2E1F

Complementary Palette

#288E60 #2FA570 #902857 #A72F65 #B34C7B #4CB284

Analogous Palette

#408743 #459248 #2C9B69 #2FA570 #458E92 #599497

Triadic Palette

#299163 #2FA570 #7224B2 #833EBB #B27224 #9D6420

Split Complementary Palette

#2A9565 #2FA570 #A72FA1 #B044AA #A7352F #96302A

Square Palette

#278B5E #2FA570 #3F3A9C #9C3A66 #A1A72F #B0B550

Tetradic Palette

#27875C #2FA570 #1C63BA #A72F65 #BA731C #C68C45

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2FA570 contains 47 red, 165 green, and 112 blue.

Contrast Ratio: 3.08:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.83:1