#7AAAC4 Color

Color Information

HEX#7AAAC4
RGB122, 170, 196
HSL201° , 39% , 62%
HSV201° , 38% , 77%
CMYK38%, 13%, 0%, 23%

Lighter Shades

#8AB4CB #9ABED2 #AAC9D9 #BAD3E0 #CADDE7 #DAE7EE

Darker Shades

#6B96AC #5D8195 #4E6D7D #3F5866 #31444E #223037

Complementary Palette

#6992A9 #7AAAC4 #A97E67 #C49378 #CCA28B #8DB6CC

Analogous Palette

#81A29D #8CB1AB #73A0B8 #7AAAC4 #8C91B1 #959AB7

Triadic Palette

#6B96AC #7AAAC4 #CE6FAC #D480B6 #ACCE6F #97B562

Split Complementary Palette

#6E99B0 #7AAAC4 #C47884 #CA8690 #C4B978 #B0A76C

Square Palette

#668FA5 #7AAAC4 #B282BA #BA9682 #84C478 #98CD8E

Tetradic Palette

#648BA1 #7AAAC4 #8E67D5 #C49378 #AFD567 #BDDD82

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7AAAC4 contains 122 red, 170 green, and 196 blue.

Contrast Ratio: 2.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.51:1