#2AA6D4 Color

Color Information

HEX#2AA6D4
RGB42, 166, 212
HSL196° , 67% , 50%
HSV196° , 80% , 83%
CMYK80%, 22%, 0%, 17%

Lighter Shades

#44B1D9 #5DBBDE #77C6E3 #90D1E9 #AADBEE #C3E6F3

Darker Shades

#2592BB #207EA1 #1B6A88 #16566E #114255 #0C2E3B

Complementary Palette

#248FB6 #2AA6D4 #B74C24 #D5582A #DB6F48 #48B2DA

Analogous Palette

#3EAC93 #44BB9F #279CC7 #2AA6D4 #4460BB #536CC1

Triadic Palette

#2592BB #2AA6D4 #E21DAD #E538B7 #ADE21D #98C71A

Split Complementary Palette

#2695BF #2AA6D4 #D52A52 #D93F63 #D5AD2A #C09C26

Square Palette

#238BB2 #2AA6D4 #A637C8 #C85E37 #52D52A #6EDC4C

Tetradic Palette

#2288AE #2AA6D4 #4D13EC #D5582A #B2EC13 #C0EF3D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA6D4 contains 42 red, 166 green, and 212 blue.

Contrast Ratio: 2.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.61:1