#5A9686 Color

Color Information

HEX#5A9686
RGB90, 150, 134
HSL164° , 25% , 47%
HSV164° , 40% , 59%
CMYK40%, 0%, 11%, 41%

Lighter Shades

#6EA395 #82AFA3 #95BCB2 #A9C8C0 #BDD5CF #D1E2DD

Darker Shades

#4F8476 #447266 #3A6056 #2F4E46 #243C36 #192A26

Complementary Palette

#4D8173 #5A9686 #814D5B #965A6A #A5717F #71A597

Analogous Palette

#5D7E65 #668A6E #558D7E #5A9686 #66818A #6F8D95

Triadic Palette

#4F8476 #5A9686 #8B4EA2 #9963AD #A28B4E #8F7A45

Split Complementary Palette

#518779 #5A9686 #965A88 #A16B94 #96685A #875E51

Square Palette

#4C7E71 #5A9686 #6E668A #8A666F #88965A #9BA774

Tetradic Palette

#4A7B6E #5A9686 #4460AB #965A6A #AB9044 #BAA466

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A9686 contains 90 red, 150 green, and 134 blue.

Contrast Ratio: 3.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.23:1