#2DA884 Color

Color Information

HEX#2DA884
RGB45, 168, 132
HSL162° , 58% , 42%
HSV162° , 73% , 66%
CMYK73%, 0%, 21%, 34%

Lighter Shades

#46B293 #5FBDA2 #79C7B0 #92D2BF #ABDCCE #C4E7DD

Darker Shades

#289474 #228064 #1D6C54 #175745 #124335 #0D2F25

Complementary Palette

#279072 #2DA884 #912747 #A92D52 #B54A6A #4AB495

Analogous Palette

#3C864B #429453 #2A9E7C #2DA884 #428494 #568C99

Triadic Palette

#289474 #2DA884 #8822B4 #963DBD #B48822 #9E781E

Split Complementary Palette

#299777 #2DA884 #A92D90 #B2429B #A9462D #983F29

Square Palette

#268D6F #2DA884 #4C389F #9F3857 #90A92D #A2B74F

Tetradic Palette

#258A6C #2DA884 #1A4BBC #A92D52 #BC8C1A #C8A143

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2DA884 contains 45 red, 168 green, and 132 blue.

Contrast Ratio: 2.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.14:1