#3AF546 Color

Color Information

HEX#3AF546
RGB58, 245, 70
HSL124° , 90% , 59%
HSV124° , 76% , 96%
CMYK76%, 0%, 71%, 4%

Lighter Shades

#52F65C #69F772 #81F989 #99FA9F #B0FBB5 #C8FCCB

Darker Shades

#33D83E #2CBA35 #259D2D #1E7F24 #17621C #104514

Complementary Palette

#32D33C #3AF546 #D330C8 #F538E8 #F654EB #56F660

Analogous Palette

#81C94A #8DE04D #37E642 #3AF546 #4DE0A0 #59E3A7

Triadic Palette

#33D83E #3AF546 #3C2EFF #5347FF #FF3C2E #E03528

Split Complementary Palette

#34DD3F #3AF546 #A338F5 #AC4CF6 #F5388A #DD327C

Square Palette

#31CE3B #3AF546 #438BEA #EA43DF #F5A338 #F7B258

Tetradic Palette

#30C939 #3AF546 #2EF1FF #F538E8 #FF3C2E #FF5F54

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AF546 contains 58 red, 245 green, and 70 blue.

Contrast Ratio: 1.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.35:1