#5166B2 Color

Color Information

HEX#5166B2
RGB81, 102, 178
HSL227° , 39% , 51%
HSV227° , 54% , 70%
CMYK54%, 43%, 0%, 30%

Lighter Shades

#6678BB #7B8BC4 #909DCE #A5AFD7 #B9C2E0 #CED4E9

Darker Shades

#475A9D #3E4E87 #344172 #2A355D #202947 #171D32

Complementary Palette

#465899 #5166B2 #9A8846 #B39E51 #BEAC69 #697BBD

Analogous Palette

#62818D #6A8C9A #4C60A7 #5166B2 #786A9A #8376A2

Triadic Palette

#475A9D #5166B2 #BF455F #C75B72 #5FBF45 #54A83D

Split Complementary Palette

#495CA0 #5166B2 #B36D51 #BB7C62 #97B351 #88A149

Square Palette

#445696 #5166B2 #A65E92 #A6975E #51B36D #6DBF84

Tetradic Palette

#425492 #5166B2 #AA3BC9 #B39E51 #5AC93B #78D35E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5166B2 contains 81 red, 102 green, and 178 blue.

Contrast Ratio: 5.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.9:1