#7EA586 Color

Color Information

HEX	#7EA586
RGB	126, 165, 134
HSL	132° , 18% , 57%
HSV	132° , 24% , 65%
CMYK	24%, 0%, 19%, 35%

Lighter Shades

#8DB095 #9DBBA3 #ACC5B2 #BCD0C0 #CBDBCF #DBE6DD

Darker Shades

#6F9176 #607D66 #516A56 #425646 #324236 #232E26

Complementary Palette

#6C8E73 #7EA586 #8E6C87 #A57E9D #B290AB #90B297

Analogous Palette

#7F9975 #8AA281 #769B7E #7EA586 #81A298 #8AA89F

Triadic Palette

#6F9176 #7EA586 #7F73B0 #8E84B9 #B07F73 #9B7065

Split Complementary Palette

#719579 #7EA586 #997EA5 #A38BAE #A57E89 #95717B

Square Palette

#6A8B71 #7EA586 #818AA2 #A2819B #A5997E #B3A993

Tetradic Palette

#67876E #7EA586 #6AA9B9 #A57E9D #B97A6A #C69285

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EA586 contains 126 red, 165 green, and 134 blue.

Contrast Ratio: 2.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.74:1