#2AA0A2 Color

Color Information

HEX#2AA0A2
RGB42, 160, 162
HSL181° , 59% , 40%
HSV181° , 74% , 64%
CMYK74%, 1%, 0%, 36%

Lighter Shades

#44ABAD #5DB7B8 #77C2C3 #90CECF #AAD9DA #C3E4E5

Darker Shades

#258D8F #207A7B #1B6668 #165354 #114041 #0C2D2D

Complementary Palette

#248A8B #2AA0A2 #8B2624 #A22C2A #AF4A48 #48ADAF

Analogous Palette

#3A8360 #3E8E67 #279698 #2AA0A2 #3E658E #537293

Triadic Palette

#258D8F #2AA0A2 #AC20AA #B63BB4 #AAAC20 #96971C

Split Complementary Palette

#269092 #2AA0A2 #A22A64 #AB3F74 #A2682A #925E26

Square Palette

#238688 #2AA0A2 #683498 #983634 #64A22A #7DB14C

Tetradic Palette

#228385 #2AA0A2 #1A17B5 #A22C2A #B2B517 #C0C241

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA0A2 contains 42 red, 160 green, and 162 blue.

Contrast Ratio: 3.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.74:1