#5A6F7C Color

Color Information

HEX#5A6F7C
RGB90, 111, 124
HSL203° , 16% , 42%
HSV203° , 27% , 49%
CMYK27%, 10%, 0%, 51%

Lighter Shades

#6E808C #82929B #95A3AB #A9B4BB #BDC5CB #D1D7DA

Darker Shades

#4F626D #44545E #3A474F #2F3A40 #242C32 #191F23

Complementary Palette

#4D5F6B #5A6F7C #6B594D #7C675A #8E7C71 #71838E

Analogous Palette

#55726E #5B7B77 #556875 #5A6F7C #5B5F7B #646887

Triadic Palette

#4F626D #5A6F7C #874F72 #956483 #72874F #647746

Split Complementary Palette

#516470 #5A6F7C #7C5A5E #896B6E #7C785A #706C51

Square Palette

#4C5D68 #5A6F7C #775B7B #7B675B #5E7C5A #789174

Tetradic Palette

#4A5B66 #5A6F7C #634790 #7C675A #749047 #8DA468

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6F7C contains 90 red, 111 green, and 124 blue.

Contrast Ratio: 5.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.02:1