#5180A5 Color

Color Information

HEX	#5180A5
RGB	81, 128, 165
HSL	206° , 34% , 48%
HSV	206° , 51% , 65%
CMYK	51%, 22%, 0%, 35%

Lighter Shades

#668FB0 #7B9EBB #90AEC5 #A5BDD0 #B9CCDB #CEDBE6

Darker Shades

#477191 #3E617D #34526A #2A4356 #203342 #17242E

Complementary Palette

#466E8E #5180A5 #8D6546 #A47551 #B18869 #6992B2

Analogous Palette

#5F817E #688D8A #4C789B #5180A5 #686A8D #727597

Triadic Palette

#477191 #5180A5 #B04582 #B95B91 #82B045 #729B3D

Split Complementary Palette

#497395 #5180A5 #A45156 #AD6267 #A49E51 #948E49

Square Palette

#446C8B #5180A5 #945D98 #98765D #56A451 #71B36D

Tetradic Palette

#426987 #5180A5 #723BBA #A47551 #83BA3B #99C65E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5180A5 contains 81 red, 128 green, and 165 blue.

Contrast Ratio: 4.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.04:1