#565FA4 Color

Color Information

HEX#565FA4
RGB86, 95, 164
HSL233° , 31% , 49%
HSV233° , 48% , 64%
CMYK48%, 42%, 0%, 36%

Lighter Shades

#6A72AF #7F85BA #9399C5 #A7ACD0 #BBBFDB #D0D2E6

Darker Shades

#4C5490 #41487D #373D69 #2D3155 #222642 #181B2E

Complementary Palette

#4A528D #565FA4 #8D854A #A49B56 #B1A96E #6E75B1

Analogous Palette

#627784 #6A8190 #51599A #565FA4 #796A90 #837599

Triadic Palette

#4C5490 #565FA4 #B04A56 #B9606A #56B04A #4C9B41

Split Complementary Palette

#4D5694 #565FA4 #A47456 #AD8267 #86A456 #79944D

Square Palette

#48508A #565FA4 #976383 #979163 #56A474 #71B38A

Tetradic Palette

#474E86 #565FA4 #AC40BA #A49B56 #4EBA40 #6EC662

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #565FA4 contains 86 red, 95 green, and 164 blue.

Contrast Ratio: 5.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.57:1