#7AB5ED Color

Color Information

HEX	#7AB5ED
RGB	122, 181, 237
HSL	209° , 76% , 70%
HSV	209° , 49% , 93%
CMYK	49%, 24%, 0%, 7%

Lighter Shades

#8ABEEF #9AC7F1 #AAD0F3 #BAD9F6 #CAE1F8 #DAEAFA

Darker Shades

#6B9FD1 #5D8AB4 #4E7498 #3F5E7B #31485F #223342

Complementary Palette

#699CCC #7AB5ED #CC9867 #EDB178 #F0BC8B #8DBFF0

Analogous Palette

#7FC7C6 #88DDDC #73AADF #7AB5ED #8889DD #9091E0

Triadic Palette

#6B9FD1 #7AB5ED #F471B5 #F582BE #B5F471 #9FD763

Split Complementary Palette

#6EA3D5 #7AB5ED #ED787A #EF8687 #EDEB78 #D5D46C

Square Palette

#6698C7 #7AB5ED #E380E5 #E5B180 #7AED78 #8FF08E

Tetradic Palette

#6494C2 #7AB5ED #B06BFA #EDB178 #B5FA6B #C2FB86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7AB5ED contains 122 red, 181 green, and 237 blue.

Contrast Ratio: 2.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.8:1