#2AA6B1 Color

Color Information

HEX	#2AA6B1
RGB	42, 166, 177
HSL	185° , 62% , 43%
HSV	185° , 76% , 69%
CMYK	76%, 6%, 0%, 31%

Lighter Shades

#44B1BA #5DBBC4 #77C6CD #90D1D6 #AADBE0 #C3E6E9

Darker Shades

#25929C #207E87 #1B6A71 #16565C #114247 #0C2E32

Complementary Palette

#248F98 #2AA6B1 #992E24 #B2352A #BD5148 #48B2BC

Analogous Palette

#3B916D #409C75 #279CA6 #2AA6B1 #40669C #5474A0

Triadic Palette

#25929C #2AA6B1 #BD1FAF #C53AB9 #AFBD1F #9AA61B

Split Complementary Palette

#26959F #2AA6B1 #B22A62 #BA3F72 #B2792A #A06D26

Square Palette

#238B95 #2AA6B1 #7735A7 #A73E35 #62B22A #7BBE4C

Tetradic Palette

#228891 #2AA6B1 #2516C5 #B2352A #B7C516 #C4CF40

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA6B1 contains 42 red, 166 green, and 177 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.29:1