#7AA0DE Color

Color Information

HEX#7AA0DE
RGB122, 160, 222
HSL217° , 60% , 67%
HSV217° , 45% , 87%
CMYK45%, 28%, 0%, 13%

Lighter Shades

#8AABE2 #9AB7E6 #AAC2EA #BACEEE #CAD9F2 #DAE4F6

Darker Shades

#6B8DC3 #5D7AA9 #4E668E #3F5373 #314059 #222D3E

Complementary Palette

#698ABF #7AA0DE #BE9D67 #DDB778 #E2C18B #8DADE3

Analogous Palette

#81B1B6 #89C5CD #7396D1 #7AA0DE #9189CD #9B94D1

Triadic Palette

#6B8DC3 #7AA0DE #E6709D #E981A9 #9DE670 #8ACA63

Split Complementary Palette

#6E90C8 #7AA0DE #DD8478 #E09086 #D2DD78 #BDC76C

Square Palette

#6686BA #7AA0DE #D581CB #D5B581 #78DD84 #8EE298

Tetradic Palette

#6483B6 #7AA0DE #BA69EC #DDB778 #9CEC69 #AEEF84

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7AA0DE contains 122 red, 160 green, and 222 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.03:1