#5C70A0 Color

Color Information

HEX#5C70A0
RGB92, 112, 160
HSL222° , 27% , 49%
HSV222° , 43% , 63%
CMYK43%, 30%, 0%, 37%

Lighter Shades

#7081AB #8392B7 #97A3C2 #AAB5CE #BEC6D9 #D1D7E4

Darker Shades

#51638D #46557A #3B4866 #303A53 #252D40 #1A1F2D

Complementary Palette

#4F608A #5C70A0 #89774E #9F8A5B #AC9A72 #7384AD

Analogous Palette

#627D84 #6A8890 #566996 #5C70A0 #726A90 #7C7599

Triadic Palette

#51638D #5C70A0 #AB4F6A #B5647C #6AAB4F #5D9646

Split Complementary Palette

#536590 #5C70A0 #9F695B #A9786B #919F5B #838F52

Square Palette

#4D5E86 #5C70A0 #92688A #928568 #5B9F69 #75AE81

Tetradic Palette

#4B5C83 #5C70A0 #9245B5 #9F8A5B #66B545 #82C266

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5C70A0 contains 92 red, 112 green, and 160 blue.

Contrast Ratio: 4.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.31:1