#5A708A Color

Color Information

HEX#5A708A
RGB90, 112, 138
HSL213° , 21% , 45%
HSV213° , 35% , 54%
CMYK35%, 19%, 0%, 46%

Lighter Shades

#6E8198 #8292A6 #95A3B4 #A9B5C2 #BDC6D0 #D1D7DE

Darker Shades

#4F6379 #445569 #3A4858 #2F3A48 #242D37 #191F27

Complementary Palette

#4D6077 #5A708A #78654E #8B755B #9B8872 #71849A

Analogous Palette

#5B797B #628284 #556982 #5A708A #636284 #6C6A90

Triadic Palette

#4F6379 #5A708A #964F6E #A3647F #6E964F #618446

Split Complementary Palette

#51657C #5A708A #8B5D5B #976D6B #888B5B #7A7D52

Square Palette

#4C5E74 #5A708A #846282 #847462 #5B8B5D #759E77

Tetradic Palette

#4A5C71 #5A708A #7746A0 #8B755B #6DA046 #87B167

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A708A contains 90 red, 112 green, and 138 blue.

Contrast Ratio: 5.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.14:1