#7EA0B0 Color

Color Information

HEX	#7EA0B0
RGB	126, 160, 176
HSL	199° , 24% , 59%
HSV	199° , 28% , 69%
CMYK	28%, 9%, 0%, 31%

Lighter Shades

#8DABB9 #9DB7C3 #ACC2CC #BCCED6 #CBD9DF #DBE4E9

Darker Shades

#6F8D9B #607A86 #516671 #42535C #324046 #232D31

Complementary Palette

#6C8A97 #7EA0B0 #97796C #B08D7D #BB9D8F #90ADBB

Analogous Palette

#789B95 #87A6A0 #7696A5 #7EA0B0 #878DA6 #9096AD

Triadic Palette

#6F8D9B #7EA0B0 #BA73A3 #C284AE #A3BA73 #8FA465

Split Complementary Palette

#71909E #7EA0B0 #B07D87 #B88A93 #B0A67D #9E9571

Square Palette

#6A8694 #7EA0B0 #A087A6 #A69187 #87B07D #9ABD92

Tetradic Palette

#678390 #7EA0B0 #866BC2 #B08D7D #A7C26B #B7CD86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EA0B0 contains 126 red, 160 green, and 176 blue.

Contrast Ratio: 2.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.67:1