#7AA0A4 Color

Color Information

HEX#7AA0A4
RGB122, 160, 164
HSL186° , 19% , 56%
HSV186° , 26% , 64%
CMYK26%, 2%, 0%, 36%

Lighter Shades

#8AABAF #9AB7BA #AAC2C5 #BACED0 #CAD9DB #DAE4E6

Darker Shades

#6B8D90 #5D7A7D #4E6669 #3F5355 #314042 #222D2E

Complementary Palette

#698A8D #7AA0A4 #8D6C68 #A47E79 #B1908C #8DADB1

Analogous Palette

#6F9586 #7EA092 #73969A #7AA0A4 #7E8CA0 #8794A6

Triadic Palette

#6B8D90 #7AA0A4 #AF6EA9 #B97FB3 #A9AF6E #959A61

Split Complementary Palette

#6E9094 #7AA0A4 #A4798B #AD8697 #A49379 #94846D

Square Palette

#66868A #7AA0A4 #927EA0 #A0827E #8BA479 #9EB38E

Tetradic Palette

#648386 #7AA0A4 #6F65B8 #A47E79 #B0B865 #BEC581

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7AA0A4 contains 122 red, 160 green, and 164 blue.

Contrast Ratio: 2.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.52:1