#2AA0B9 Color

Color Information

HEX#2AA0B9
RGB42, 160, 185
HSL190° , 63% , 45%
HSV190° , 77% , 73%
CMYK77%, 14%, 0%, 27%

Lighter Shades

#44ABC1 #5DB7CA #77C2D2 #90CEDB #AAD9E3 #C3E4EB

Darker Shades

#258DA3 #207A8D #1B6676 #165360 #11404A #0C2D34

Complementary Palette

#248A9F #2AA0B9 #A13A24 #BB432A #C55D48 #48ADC3

Analogous Palette

#3C9678 #41A483 #2796AE #2AA0B9 #4162A4 #546FA6

Triadic Palette

#258DA3 #2AA0B9 #C71FAB #CE3AB5 #ABC71F #96AF1B

Split Complementary Palette

#2690A7 #2AA0B9 #BB2A5B #C23F6B #BB8B2A #A87D26

Square Palette

#23869B #2AA0B9 #8736B0 #B04A36 #5BBB2A #75C64C

Tetradic Palette

#228398 #2AA0B9 #3516D0 #BB432A #B1D016 #BFD840

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA0B9 contains 42 red, 160 green, and 185 blue.

Contrast Ratio: 3.03:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.92:1