#5A7B8D Color

Color Information

HEX#5A7B8D
RGB90, 123, 141
HSL201° , 22% , 45%
HSV201° , 36% , 55%
CMYK36%, 13%, 0%, 45%

Lighter Shades

#6E8B9B #829BA8 #95ABB6 #A9BAC4 #BDCAD1 #D1DADF

Darker Shades

#4F6C7C #445D6B #3A4F5A #2F4049 #243138 #192227

Complementary Palette

#4D6A79 #5A7B8D #785C4D #8C6B5A #9C8071 #718D9D

Analogous Palette

#5B7B76 #62847E #557485 #5A7B8D #626684 #6A7090

Triadic Palette

#4F6C7C #5A7B8D #974E7D #A3638D #7D974E #6E8545

Split Complementary Palette

#516F7F #5A7B8D #8C5A61 #986B71 #8C845A #7E7751

Square Palette

#4C6776 #5A7B8D #7E6284 #846D62 #618C5A #7A9E74

Tetradic Palette

#4A6574 #5A7B8D #6345A1 #8C6B5A #7FA145 #96B266

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7B8D contains 90 red, 123 green, and 141 blue.

Contrast Ratio: 4.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.7:1