#2AABBA Color

Color Information

HEX#2AABBA
RGB42, 171, 186
HSL186° , 63% , 45%
HSV186° , 77% , 73%
CMYK77%, 8%, 0%, 27%

Lighter Shades

#44B5C2 #5DBFCB #77C9D3 #90D3DB #AADDE3 #C3E7EC

Darker Shades

#2596A4 #20828D #1B6D77 #165961 #11444A #0C3034

Complementary Palette

#2493A0 #2AABBA #A13124 #BB392A #C55548 #48B7C4

Analogous Palette

#3C9672 #41A47D #27A1AF #2AABBA #4169A4 #5475A6

Triadic Palette

#2596A4 #2AABBA #C71FB6 #CE3ABF #B6C71F #A0AF1B

Split Complementary Palette

#269AA7 #2AABBA #BB2A64 #C23F74 #BB812A #A87426

Square Palette

#23909C #2AABBA #7F36B0 #B04236 #64BB2A #7DC64C

Tetradic Palette

#228C99 #2AABBA #2816D0 #BB392A #BDD016 #C9D840

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AABBA contains 42 red, 171 green, and 186 blue.

Contrast Ratio: 2.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.74:1