#2AAABB Color

Color Information

HEX#2AAABB
RGB42, 170, 187
HSL187° , 63% , 45%
HSV187° , 78% , 73%
CMYK78%, 9%, 0%, 27%

Lighter Shades

#44B4C3 #5DBECB #77C9D3 #90D3DC #AADDE4 #C3E7EC

Darker Shades

#2596A5 #20818E #1B6D78 #165861 #11444B #0C3034

Complementary Palette

#2492A1 #2AAABB #A13324 #BB3B2A #C55648 #48B6C5

Analogous Palette

#3C9673 #41A47E #27A0B0 #2AAABB #4167A4 #5473A6

Triadic Palette

#2596A5 #2AAABB #C71FB3 #CE3ABC #B3C71F #9EAF1B

Split Complementary Palette

#2699A8 #2AAABB #BB2A62 #C23F72 #BB842A #A87726

Square Palette

#238F9D #2AAABB #8136B0 #B04436 #62BB2A #7BC64C

Tetradic Palette

#228B99 #2AAABB #2B16D0 #BB3B2A #BAD016 #C6D840

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AAABB contains 42 red, 170 green, and 187 blue.

Contrast Ratio: 2.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.67:1