#2AA2A7 Color

Color Information

HEX#2AA2A7
RGB42, 162, 167
HSL182° , 60% , 41%
HSV182° , 75% , 65%
CMYK75%, 3%, 0%, 35%

Lighter Shades

#44ADB2 #5DB8BC #77C3C7 #90CFD1 #AADADC #C3E5E6

Darker Shades

#258F93 #207B7F #1B686B #165457 #114143 #0C2D2F

Complementary Palette

#248B90 #2AA2A7 #902824 #A72E2A #B34B48 #48AFB3

Analogous Palette

#3A8863 #3F926B #27989D #2AA2A7 #3F6692 #537397

Triadic Palette

#258F93 #2AA2A7 #B21FAD #BB3AB7 #ADB21F #989D1B

Split Complementary Palette

#269296 #2AA2A7 #A72A64 #B03F74 #A76D2A #966226

Square Palette

#23888C #2AA2A7 #6C349D #9D3834 #64A72A #7DB54C

Tetradic Palette

#228589 #2AA2A7 #1C17BA #A72E2A #B5BA17 #C2C641

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA2A7 contains 42 red, 162 green, and 167 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