#2D878A Color

Color Information

HEX	#2D878A
RGB	45, 135, 138
HSL	182° , 51% , 36%
HSV	182° , 67% , 54%
CMYK	67%, 2%, 0%, 46%

Lighter Shades

#469598 #5FA4A6 #79B2B4 #92C1C2 #ABCFD0 #C4DDDE

Darker Shades

#287779 #226769 #1D5658 #174648 #123637 #0D2627

Complementary Palette

#277477 #2D878A #782927 #8B302D #9B4D4A #4A989A

Analogous Palette

#3A6E56 #3F785E #2A7F82 #2D878A #3F5A78 #53677F

Triadic Palette

#287779 #2D878A #94248E #A13E9C #8E9424 #7D8220

Split Complementary Palette

#297A7C #2D878A #8B2D59 #97426A #8B5F2D #7D5629

Square Palette

#267174 #2D878A #5E3681 #813936 #598B2D #749E4F

Tetradic Palette

#256F71 #2D878A #211C9B #8B302D #959B1C #A8AD45

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D878A contains 45 red, 135 green, and 138 blue.

Contrast Ratio: 4.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5:1