#2E8680 Color

Color Information

HEX#2E8680
RGB46, 134, 128
HSL176° , 49% , 35%
HSV176° , 66% , 53%
CMYK66%, 0%, 4%, 47%

Lighter Shades

#47958F #60A39E #79B2AE #92C0BD #ABCFCC #C4DDDB

Darker Shades

#287671 #236661 #1D5652 #184643 #123633 #0D2624

Complementary Palette

#28736E #2E8680 #72282C #852E33 #964B50 #4B9792

Analogous Palette

#3A694E #3F7356 #2B7E78 #2E8680 #3F5D73 #536979

Triadic Palette

#287671 #2E8680 #87258E #953F9C #8E8725 #7D7721

Split Complementary Palette

#297973 #2E8680 #852E5F #91436F #85532E #784B29

Square Palette

#27716C #2E8680 #55367C #7C363A #5F852E #79994F

Tetradic Palette

#266E69 #2E8680 #1D2395 #852E33 #958D1D #A8A246

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2E8680 contains 46 red, 134 green, and 128 blue.

Contrast Ratio: 4.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.89:1