#565F90 Color

Color Information

HEX	#565F90
RGB	86, 95, 144
HSL	231° , 25% , 45%
HSV	231° , 40% , 56%
CMYK	40%, 34%, 0%, 44%

Lighter Shades

#6A729D #7F85AB #9399B8 #A7ACC5 #BBBFD3 #D0D2E0

Darker Shades

#4C547F #41486D #373D5C #2D314B #22263A #181B28

Complementary Palette

#4A527C #565F90 #7B744A #8F8756 #9F986E #6E75A0

Analogous Palette

#596D78 #627884 #515987 #565F90 #6E6284 #776A90

Triadic Palette

#4C547F #565F90 #9B4B57 #A7616B #579B4B #4D8842

Split Complementary Palette

#4D5682 #565F90 #8F6A56 #9A7967 #7B8F56 #6F814D

Square Palette

#485079 #565F90 #846278 #847F62 #568F6A #71A182

Tetradic Palette

#474E76 #565F90 #9741A4 #8F8756 #50A441 #70B463

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #565F90 contains 86 red, 95 green, and 144 blue.

Contrast Ratio: 6.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.43:1