#7EA996 Color

Color Information

HEX#7EA996
RGB126, 169, 150
HSL153° , 20% , 58%
HSV153° , 25% , 66%
CMYK25%, 0%, 11%, 34%

Lighter Shades

#8DB3A3 #9DBEAF #ACC8BC #BCD2C8 #CBDDD5 #DBE7E2

Darker Shades

#6F9584 #608072 #516C60 #42584E #32443C #232F2A

Complementary Palette

#6C9181 #7EA996 #916C7E #A97E92 #B590A1 #90B5A5

Analogous Palette

#759978 #84A486 #769F8D #7EA996 #84A2A4 #8DA9AA

Triadic Palette

#6F9584 #7EA996 #9774B4 #A385BD #B49774 #9E8566

Split Complementary Palette

#719887 #7EA996 #A97EA7 #B28BB0 #A9817E #987471

Square Palette

#6A8E7E #7EA996 #8684A4 #A48493 #A7A97E #B5B793

Tetradic Palette

#678B7B #7EA996 #6B91BD #A97E92 #BD986B #C9AB86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EA996 contains 126 red, 169 green, and 150 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.14:1