#565AA0 Color

Color Information

HEX	#565AA0
RGB	86, 90, 160
HSL	237° , 30% , 48%
HSV	237° , 46% , 63%
CMYK	46%, 44%, 0%, 37%

Lighter Shades

#6A6EAB #7F82B7 #9395C2 #A7A9CE #BBBDD9 #D0D1E4

Darker Shades

#4C4F8D #41447A #373A66 #2D2F53 #222440 #18192D

Complementary Palette

#4A4D8A #565AA0 #89854A #9F9B56 #ACA96E #6E71AD

Analogous Palette

#5F7281 #687C8D #515596 #565AA0 #79688D #837297

Triadic Palette

#4C4F8D #565AA0 #AB494D #B55F62 #4DAB49 #449640

Split Complementary Palette

#4D5190 #565AA0 #9F7756 #A98567 #7E9F56 #718F4D

Square Palette

#484C86 #565AA0 #93627D #939062 #569F77 #71AE8D

Tetradic Palette

#474A83 #565AA0 #AF40B5 #9F9B56 #44B540 #66C262

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #565AA0 contains 86 red, 90 green, and 160 blue.

Contrast Ratio: 6.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.35:1