#5AA697 Color

Color Information

HEX#5AA697
RGB90, 166, 151
HSL168° , 30% , 50%
HSV168° , 46% , 65%
CMYK46%, 0%, 9%, 35%

Lighter Shades

#6EB1A3 #82BBB0 #95C6BC #A9D1C9 #BDDBD5 #D1E6E2

Darker Shades

#4F9285 #447E73 #3A6A61 #2F564F #24423C #192E2A

Complementary Palette

#4D8F82 #5AA697 #8F4D5A #A65969 #B2707E #71B2A6

Analogous Palette

#64876E #6C9378 #559C8E #5AA697 #6C8793 #78919B

Triadic Palette

#4F9285 #5AA697 #9E4DB3 #AA62BC #B39E4D #9E8B44

Split Complementary Palette

#519588 #5AA697 #A6598F #AF6A9A #A67059 #956550

Square Palette

#4C8B7F #5AA697 #756699 #996670 #8FA659 #A1B474

Tetradic Palette

#4A887C #5AA697 #425BBD #A65969 #BDA442 #C9B464

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA697 contains 90 red, 166 green, and 151 blue.

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.45:1