#7AA1F6 Color

Color Information

HEX#7AA1F6
RGB122, 161, 246
HSL221° , 87% , 72%
HSV221° , 50% , 96%
CMYK50%, 35%, 0%, 4%

Lighter Shades

#8AACF7 #9AB8F8 #AAC3F9 #BACEFA #CAD9FB #DAE5FC

Darker Shades

#6B8ED8 #5D7ABB #4E679D #3F5480 #314062 #222D45

Complementary Palette

#698AD4 #7AA1F6 #D4B168 #F6CE79 #F7D58C #8DAEF7

Analogous Palette

#80C2D0 #88D6E7 #7397E7 #7AA1F6 #9988E7 #A090EA

Triadic Palette

#6B8ED8 #7AA1F6 #FD729E #FD83AA #9EFD72 #8BDF64

Split Complementary Palette

#6E91DD #7AA1F6 #F69079 #F79B86 #DFF679 #C9DD6D

Square Palette

#6687CF #7AA1F6 #EF81DA #EFCC81 #79F690 #8EF7A2

Tetradic Palette

#6484CA #7AA1F6 #D270FF #F6CE79 #9DFF70 #AFFF8A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7AA1F6 contains 122 red, 161 green, and 246 blue.

Contrast Ratio: 2.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.38:1