#5A667C Color

Color Information

HEX#5A667C
RGB90, 102, 124
HSL219° , 16% , 42%
HSV219° , 27% , 49%
CMYK27%, 18%, 0%, 51%

Lighter Shades

#6E788C #828B9B #959DAB #A9AFBB #BDC2CB #D1D4DA

Darker Shades

#4F5A6D #444E5E #3A414F #2F3540 #242932 #191D23

Complementary Palette

#4D586B #5A667C #6B604D #7C705A #8E8471 #717B8E

Analogous Palette

#556D72 #5B767B #556075 #5A667C #605B7B #6A6487

Triadic Palette

#4F5A6D #5A667C #874F63 #956476 #63874F #577746

Split Complementary Palette

#515C70 #5A667C #7C5F5A #896F6B #777C5A #6B7051

Square Palette

#4C5668 #5A667C #7B5B76 #7B705B #5A7C5F #749179

Tetradic Palette

#4A5466 #5A667C #764790 #7C705A #609047 #7DA468

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A667C contains 90 red, 102 green, and 124 blue.

Contrast Ratio: 5.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1