#5A6B7D Color

Color Information

HEX	#5A6B7D
RGB	90, 107, 125
HSL	211° , 16% , 42%
HSV	211° , 28% , 49%
CMYK	28%, 14%, 0%, 51%

Lighter Shades

#6E7D8D #828F9C #95A0AC #A9B2BB #BDC4CB #D1D6DB

Darker Shades

#4F5E6E #44515F #3A4450 #2F3841 #242B32 #191E23

Complementary Palette

#4D5C6C #5A6B7D #6B5D4D #7C6C5A #8E8171 #71808F

Analogous Palette

#557272 #5B7B7B #556576 #5A6B7D #5C5B7B #656487

Triadic Palette

#4F5E6E #5A6B7D #874F6B #95647D #6B874F #5E7746

Split Complementary Palette

#516071 #5A6B7D #7C5B5A #896B6B #7C7C5A #707051

Square Palette

#4C5A69 #5A6B7D #7B5B7B #7B6C5B #5A7C5B #749175

Tetradic Palette

#4A5867 #5A6B7D #6E4790 #7C6C5A #6B9047 #86A468

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6B7D contains 90 red, 107 green, and 125 blue.

Contrast Ratio: 5.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.85:1