#2EAA98 Color

Color Information

HEX#2EAA98
RGB46, 170, 152
HSL171° , 57% , 42%
HSV171° , 73% , 67%
CMYK73%, 0%, 11%, 33%

Lighter Shades

#47B4A4 #60BEB1 #79C9BD #92D3C9 #ABDDD6 #C4E7E2

Darker Shades

#289686 #238174 #1D6D61 #18584F #12443D #0D302B

Complementary Palette

#289283 #2EAA98 #902837 #A82E40 #B44B5B #4BB6A6

Analogous Palette

#3F8858 #43935F #2BA08F #2EAA98 #437793 #578298

Triadic Palette

#289686 #2EAA98 #9D23B3 #A93DBC #B39D23 #9E8A1F

Split Complementary Palette

#299989 #2EAA98 #A82E7D #B1438A #A8592E #975029

Square Palette

#278F80 #2EAA98 #5C399D #9D3948 #7DA82E #92B64F

Tetradic Palette

#268B7D #2EAA98 #1B33BB #A82E40 #BBA31B #C7B444

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EAA98 contains 46 red, 170 green, and 152 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.42:1