#565F94 Color

Color Information

HEX	#565F94
RGB	86, 95, 148
HSL	231° , 26% , 46%
HSV	231° , 42% , 58%
CMYK	42%, 36%, 0%, 42%

Lighter Shades

#6A72A1 #7F85AE #9399BB #A7ACC7 #BBBFD4 #D0D2E1

Darker Shades

#4C5482 #414870 #373D5F #2D314D #22263B #181B29

Complementary Palette

#4A527F #565F94 #7F784B #948B57 #A39B6F #6E75A3

Analogous Palette

#5B707B #647A87 #51598B #565F94 #706487 #7A6C93

Triadic Palette

#4C5482 #565F94 #A04B58 #AB616C #58A04B #4D8D42

Split Complementary Palette

#4D5685 #565F94 #946C57 #9F7B68 #7E9457 #71854E

Square Palette

#48507C #565F94 #88637A #888263 #57946C #72A584

Tetradic Palette

#474E79 #565F94 #9942A9 #948B57 #51A942 #70B864

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #565F94 contains 86 red, 95 green, and 148 blue.

Contrast Ratio: 6.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.45:1