#7AABAF Color

Color Information

HEX#7AABAF
RGB122, 171, 175
HSL185° , 25% , 58%
HSV185° , 30% , 69%
CMYK30%, 2%, 0%, 31%

Lighter Shades

#8AB5B9 #9ABFC2 #AAC9CC #BAD3D5 #CADDDF #DAE7E9

Darker Shades

#6B969A #5D8285 #4E6D70 #3F595B #314446 #223031

Complementary Palette

#699397 #7AABAF #976C68 #AF7E79 #BA908C #8DB7BA

Analogous Palette

#75998A #84A496 #73A1A5 #7AABAF #8491A4 #8D99AA

Triadic Palette

#6B969A #7AABAF #B96EB2 #C17FBB #B2B96E #9DA361

Split Complementary Palette

#6E9A9E #7AABAF #AF798F #B7869A #AF9879 #9E896D

Square Palette

#669093 #7AABAF #9684A4 #A48784 #8FAF79 #A1BC8E

Tetradic Palette

#648C90 #7AABAF #6F66C2 #AF7E79 #B9C266 #C6CD82

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7AABAF contains 122 red, 171 green, and 175 blue.

Contrast Ratio: 2.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.41:1