#2AA7DC Color

Color Information

HEX	#2AA7DC
RGB	42, 167, 220
HSL	198° , 72% , 51%
HSV	198° , 81% , 86%
CMYK	81%, 24%, 0%, 14%

Lighter Shades

#44B2E0 #5DBCE4 #77C7E9 #90D1ED #AADCF1 #C3E6F5

Darker Shades

#2593C2 #207FA7 #1B6B8D #165772 #114358 #0C2F3E

Complementary Palette

#2490BD #2AA7DC #BD5122 #DC5E28 #E17546 #48B3E1

Analogous Palette

#3DB39B #41C3A9 #279DCF #2AA7DC #415BC3 #5168C8

Triadic Palette

#2593C2 #2AA7DC #E91CAB #EC37B5 #ABE91C #96CD19

Split Complementary Palette

#2696C6 #2AA7DC #DC284C #E03E5E #DCB828 #C6A624

Square Palette

#238CB9 #2AA7DC #B135D0 #D06335 #4CDC28 #69E24A

Tetradic Palette

#2289B4 #2AA7DC #5512F3 #DC5E28 #AFF312 #BDF53D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA7DC contains 42 red, 167 green, and 220 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.76:1