#7EAAA1 Color

Color Information

HEX#7EAAA1
RGB126, 170, 161
HSL168° , 21% , 58%
HSV168° , 26% , 67%
CMYK26%, 0%, 5%, 33%

Lighter Shades

#8DB4AC #9DBEB8 #ACC9C3 #BCD3CE #CBDDD9 #DBE7E5

Darker Shades

#6F968E #60817A #516D67 #425854 #324440 #23302D

Complementary Palette

#6C928A #7EAAA1 #926C73 #AA7D86 #B68F97 #90B6AE

Analogous Palette

#759981 #84A48E #76A097 #7EAAA1 #849BA4 #8DA2AA

Triadic Palette

#6F968E #7EAAA1 #A873B5 #B284BE #B5A873 #9F9465

Split Complementary Palette

#719991 #7EAAA1 #AA7D9D #B38AA7 #AA8B7D #997D71

Square Palette

#6A8F87 #7EAAA1 #8E84A4 #A4848A #9DAA7D #ADB892

Tetradic Palette

#678B84 #7EAAA1 #6A7BBE #AA7D86 #BEAD6A #CABC85

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EAAA1 contains 126 red, 170 green, and 161 blue.

Contrast Ratio: 2.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.29:1