#565EA4 Color

Color Information

HEX#565EA4
RGB86, 94, 164
HSL234° , 31% , 49%
HSV234° , 48% , 64%
CMYK48%, 43%, 0%, 36%

Lighter Shades

#6A71AF #7F85BA #9398C5 #A7ABD0 #BBBFDB #D0D2E6

Darker Shades

#4C5390 #41477D #373C69 #2D3155 #222642 #181A2E

Complementary Palette

#4A518D #565EA4 #8D864A #A49C56 #B1AA6E #6E75B1

Analogous Palette

#627684 #6A8190 #51589A #565EA4 #796A90 #847599

Triadic Palette

#4C5390 #565EA4 #B04A54 #B96069 #54B04A #4A9B41

Split Complementary Palette

#4D5594 #565EA4 #A47556 #AD8367 #85A456 #78944D

Square Palette

#484F8A #565EA4 #976382 #979263 #56A475 #71B38B

Tetradic Palette

#474D86 #565EA4 #AE40BA #A49C56 #4CBA40 #6CC662

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #565EA4 contains 86 red, 94 green, and 164 blue.

Contrast Ratio: 5.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.53:1