#04AF60 Color

Color Information

HEX#04AF60
RGB4, 175, 96
HSL152° , 96% , 35%
HSV152° , 98% , 69%
CMYK98%, 0%, 45%, 31%

Lighter Shades

#22B973 #40C286 #5ECC99 #7CD5AC #9BDFBF #B9E9D2

Darker Shades

#049A54 #038549 #03703D #025B32 #024626 #01311B

Complementary Palette

#039753 #04AF60 #970348 #AF0454 #BA276C #27BA76

Analogous Palette

#148F18 #159D1A #04A55A #04AF60 #15999D #2C9CA0

Triadic Palette

#049A54 #04AF60 #5F00B3 #721FBC #B35F00 #9E5400

Split Complementary Palette

#049E56 #04AF60 #AF04A9 #B71DB2 #AF0904 #9E0804

Square Palette

#039351 #04AF60 #120CA6 #A60C54 #A9AF04 #B7BC2C

Tetradic Palette

#03904F #04AF60 #0053B3 #AF0454 #B35F00 #C17C2E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #04AF60 contains 4 red, 175 green, and 96 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.42:1