#2AA6B2 Color

Color Information

HEX	#2AA6B2
RGB	42, 166, 178
HSL	185° , 62% , 43%
HSV	185° , 76% , 70%
CMYK	76%, 7%, 0%, 30%

Lighter Shades

#44B1BB #5DBBC4 #77C6CE #90D1D7 #AADBE0 #C3E6E9

Darker Shades

#25929D #207E87 #1B6A72 #16565D #114247 #0C2E32

Complementary Palette

#248F99 #2AA6B2 #992E24 #B2352A #BD5148 #48B2BD

Analogous Palette

#3B916D #409C75 #279CA7 #2AA6B2 #40669C #5474A0

Triadic Palette

#25929D #2AA6B2 #BD1FAF #C53AB9 #AFBD1F #9AA61B

Split Complementary Palette

#2695A0 #2AA6B2 #B22A62 #BA3F72 #B2792A #A06D26

Square Palette

#238B96 #2AA6B2 #7735A7 #A73E35 #62B22A #7BBE4C

Tetradic Palette

#228892 #2AA6B2 #2516C5 #B2352A #B7C516 #C4CF40

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA6B2 contains 42 red, 166 green, and 178 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.3:1