#5A6077 Color

Color Information

HEX	#5A6077
RGB	90, 96, 119
HSL	228° , 14% , 41%
HSV	228° , 24% , 47%
CMYK	24%, 19%, 0%, 53%

Lighter Shades

#6E7387 #828698 #9599A8 #A9ACB8 #BDBFC9 #D1D2D9

Darker Shades

#4F5469 #44495A #3A3D4C #2F323E #242630 #191B21

Complementary Palette

#4D5366 #5A6077 #66614D #77715A #8A8571 #71768A

Analogous Palette

#52676F #596E78 #555A70 #5A6077 #635978 #6E6487

Triadic Palette

#4F5469 #5A6077 #824F59 #91646D #59824F #4E7246

Split Complementary Palette

#51566B #5A6077 #77635A #85736B #6E775A #636B51

Square Palette

#4C5164 #5A6077 #78596E #787259 #5A7763 #748D7C

Tetradic Palette

#4A4F62 #5A6077 #7D478A #77715A #548A47 #739F68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6077 contains 90 red, 96 green, and 119 blue.

Contrast Ratio: 6.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.37:1