#45A054 Color

Color Information

HEX#45A054
RGB69, 160, 84
HSL130° , 40% , 45%
HSV130° , 57% , 63%
CMYK57%, 0%, 48%, 37%

Lighter Shades

#5BAB69 #72B77D #88C292 #9ECEA6 #B5D9BB #CBE4CF

Darker Shades

#3D8D4A #347A40 #2C6636 #24532C #1C4022 #132D18

Complementary Palette

#3B8A48 #45A054 #8A3B7D #A14591 #AE5FA0 #5FAD6C

Analogous Palette

#627D54 #6B8A5C #41964F #45A054 #5C8A7A #6C9386

Triadic Palette

#3D8D4A #45A054 #4D39AC #6251B6 #AC4D39 #974432

Split Complementary Palette

#3E904C #45A054 #8245A1 #8F58AA #A14563 #913E59

Square Palette

#3A8647 #45A054 #506795 #95508A #A18245 #B09663

Tetradic Palette

#398345 #45A054 #309FB5 #A14591 #B54630 #C26755

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A054 contains 69 red, 160 green, and 84 blue.

Contrast Ratio: 3.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.5:1