#42A368 Color

Color Information

HEX	#42A368
RGB	66, 163, 104
HSL	144° , 42% , 45%
HSV	144° , 60% , 64%
CMYK	60%, 0%, 36%, 36%

Lighter Shades

#59AE7A #6FB98C #86C49E #9DCFB0 #B3DAC3 #CAE5D5

Darker Shades

#3A8F5C #327C4F #2A6843 #225536 #1A412A #122E1D

Complementary Palette

#398C59 #42A368 #8C3A6B #A3437C #B05D8E #5CB07D

Analogous Palette

#578354 #5F8C5A #3E9962 #42A368 #5A8C87 #6A908C

Triadic Palette

#3A8F5C #42A368 #6737AE #794FB8 #AE6737 #995B30

Split Complementary Palette

#3B935E #42A368 #9943A3 #A356AC #A3434C #933C44

Square Palette

#378957 #42A368 #4E5597 #974E7A #A39943 #B2A961

Tetradic Palette

#368655 #42A368 #2E81B8 #A3437C #B8652E #C58154

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42A368 contains 66 red, 163 green, and 104 blue.

Contrast Ratio: 3.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.76:1