#2AA7A5 Color

Color Information

HEX#2AA7A5
RGB42, 167, 165
HSL179° , 60% , 41%
HSV179° , 75% , 65%
CMYK75%, 0%, 1%, 35%

Lighter Shades

#44B2B0 #5DBCBB #77C7C5 #90D1D0 #AADCDB #C3E6E6

Darker Shades

#259391 #207F7D #1B6B6A #165756 #114342 #0C2F2E

Complementary Palette

#24908E #2AA7A5 #902426 #A72A2C #B3484A #48B3B2

Analogous Palette

#3A8860 #3F9267 #279D9B #2AA7A5 #3F6A92 #537697

Triadic Palette

#259391 #2AA7A5 #AF1FB2 #B93ABB #B2AF1F #9D9A1B

Split Complementary Palette

#269695 #2AA7A5 #A72A6B #B03F7A #A7662A #965C26

Square Palette

#238C8B #2AA7A5 #67349D #9D3436 #6BA72A #83B54C

Tetradic Palette

#228987 #2AA7A5 #171ABA #A72A2C #BAB717 #C6C441

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA7A5 contains 42 red, 167 green, and 165 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.27:1