#7AAF8F Color

Color Information

HEX#7AAF8F
RGB122, 175, 143
HSL144° , 25% , 58%
HSV144° , 30% , 69%
CMYK30%, 0%, 18%, 31%

Lighter Shades

#8AB99C #9AC2AA #AACCB7 #BAD5C5 #CADFD2 #DAE9E0

Darker Shades

#6B9A7E #5D856D #4E705C #3F5B4A #314639 #223128

Complementary Palette

#69977B #7AAF8F #976884 #AF7999 #BA8CA7 #8DBA9F

Analogous Palette

#799975 #87A484 #73A586 #7AAF8F #84A4A0 #8DAAA7

Triadic Palette

#6B9A7E #7AAF8F #8C6EB9 #9A7FC1 #B98C6E #A37B61

Split Complementary Palette

#6E9E81 #7AAF8F #A979AF #B286B7 #AF797E #9E6D71

Square Palette

#669378 #7AAF8F #8487A4 #A48497 #AFA979 #BCB78E

Tetradic Palette

#649075 #7AAF8F #669DC2 #AF7999 #C28B66 #CDA082

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7AAF8F contains 122 red, 175 green, and 143 blue.

Contrast Ratio: 2.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.49:1