#5C80A8 Color

Color Information

HEX#5C80A8
RGB92, 128, 168
HSL212° , 30% , 51%
HSV212° , 45% , 66%
CMYK45%, 24%, 0%, 34%

Lighter Shades

#708FB2 #839EBD #97AEC7 #AABDD2 #BECCDC #D1DBE7

Darker Shades

#517194 #466180 #3B526C #304357 #253343 #1A242F

Complementary Palette

#4F6E90 #5C80A8 #907250 #A8855D #B49674 #7392B4

Analogous Palette

#66888A #6F9495 #56789E #5C80A8 #716F95 #7C7B9D

Triadic Palette

#517194 #5C80A8 #B4507F #BD658E #7FB450 #709E46

Split Complementary Palette

#537397 #5C80A8 #A85F5D #B16F6D #A5A85D #959754

Square Palette

#4D6C8D #5C80A8 #9B6999 #9B8469 #5DA85F #77B679

Tetradic Palette

#4B698A #5C80A8 #8646BE #A8855D #7EBE46 #95CA67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5C80A8 contains 92 red, 128 green, and 168 blue.

Contrast Ratio: 4.06:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.17:1