#7AA5BD Color

Color Information

HEX#7AA5BD
RGB122, 165, 189
HSL201° , 34% , 61%
HSV201° , 35% , 74%
CMYK35%, 13%, 0%, 26%

Lighter Shades

#8AB0C5 #9ABBCD #AAC5D5 #BAD0DD #CADBE5 #DAE6ED

Darker Shades

#6B91A6 #5D7D90 #4E6A79 #3F5662 #31424C #222E35

Complementary Palette

#698EA3 #7AA5BD #A37D69 #BD917A #C6A08D #8DB2C6

Analogous Palette

#7EA09B #8DAAA6 #739BB2 #7AA5BD #8D91AA #959AB1

Triadic Palette

#6B91A6 #7AA5BD #C770A9 #CE81B3 #A9C770 #95AF63

Split Complementary Palette

#6E95AA #7AA5BD #BD7A84 #C48790 #BDB37A #AAA16E

Square Palette

#668B9F #7AA5BD #AC84B3 #B39484 #84BD7A #98C88F

Tetradic Palette

#64879B #7AA5BD #8C68CF #BD917A #ABCF68 #BAD883

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7AA5BD contains 122 red, 165 green, and 189 blue.

Contrast Ratio: 2.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.08:1