#5166A4 Color

Color Information

HEX#5166A4
RGB81, 102, 164
HSL225° , 34% , 48%
HSV225° , 51% , 64%
CMYK51%, 38%, 0%, 36%

Lighter Shades

#6678AF #7B8BBA #909DC5 #A5AFD0 #B9C2DB #CED4E6

Darker Shades

#475A90 #3E4E7D #344169 #2A3555 #202942 #171D2E

Complementary Palette

#46588D #5166A4 #8D7B46 #A48F51 #B19F69 #697BB1

Analogous Palette

#5F7981 #68848D #4C609A #5166A4 #71688D #7B7297

Triadic Palette

#475A90 #5166A4 #B0455F #B95B72 #5FB045 #549B3D

Split Complementary Palette

#495C94 #5166A4 #A46651 #AD7562 #8FA451 #819449

Square Palette

#44568A #5166A4 #985D89 #98895D #51A466 #6DB37E

Tetradic Palette

#425486 #5166A4 #9A3BBA #A48F51 #5BBA3B #79C65E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5166A4 contains 81 red, 102 green, and 164 blue.

Contrast Ratio: 5.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.79:1