#5C80A0 Color

Color Information

HEX#5C80A0
RGB92, 128, 160
HSL208° , 27% , 49%
HSV208° , 43% , 63%
CMYK43%, 20%, 0%, 37%

Lighter Shades

#708FAB #839EB7 #97AEC2 #AABDCE #BECCD9 #D1DBE4

Darker Shades

#51718D #46617A #3B5266 #304353 #253340 #1A242D

Complementary Palette

#4F6E8A #5C80A0 #896A4E #9F7B5B #AC8D72 #7392AD

Analogous Palette

#628483 #6A908E #567896 #5C80A0 #6A6B90 #757699

Triadic Palette

#51718D #5C80A0 #AB4F80 #B5648F #80AB4F #719646

Split Complementary Palette

#537390 #5C80A0 #9F5B5D #A96B6D #9F9C5B #8F8C52

Square Palette

#4D6C86 #5C80A0 #906892 #927C68 #5D9F5B #77AE75

Tetradic Palette

#4B6983 #5C80A0 #7945B5 #9F7B5B #81B545 #98C266

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5C80A0 contains 92 red, 128 green, and 160 blue.

Contrast Ratio: 4.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.11:1