#7EA2A0 Color

Color Information

HEX#7EA2A0
RGB126, 162, 160
HSL177° , 16% , 56%
HSV177° , 22% , 64%
CMYK22%, 0%, 1%, 36%

Lighter Shades

#8DADAB #9DB8B7 #ACC3C2 #BCCFCE #CBDAD9 #DBE5E4

Darker Shades

#6F8F8D #607B7A #516866 #425453 #324140 #232D2D

Complementary Palette

#6C8B8A #7EA2A0 #8A6C6D #A17D7F #AE8F91 #90AFAD

Analogous Palette

#729783 #7EA08D #769896 #7EA2A0 #7E90A0 #8A9BA8

Triadic Palette

#6F8F8D #7EA2A0 #A972AC #B383B6 #ACA972 #979564

Split Complementary Palette

#719290 #7EA2A0 #A17D91 #AA8A9C #A18D7D #917F71

Square Palette

#6A8886 #7EA2A0 #8D7EA0 #A07E80 #91A17D #A3B092

Tetradic Palette

#678583 #7EA2A0 #696CB5 #A17D7F #B5B169 #C2BF84

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EA2A0 contains 126 red, 162 green, and 160 blue.

Contrast Ratio: 2.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.69:1