#565E85 Color

Color Information

HEX#565E85
RGB86, 94, 133
HSL230° , 21% , 43%
HSV230° , 35% , 52%
CMYK35%, 29%, 0%, 48%

Lighter Shades

#6A7194 #7F85A2 #9398B1 #A7ABC0 #BBBFCE #D0D2DD

Darker Shades

#4C5375 #414765 #373C55 #2D3145 #222635 #181A25

Complementary Palette

#4A5172 #565E85 #726C4B #857D57 #968F6F #6E7596

Analogous Palette

#576B75 #5D737E #51587D #565E85 #685D7E #74688D

Triadic Palette

#4C5375 #565E85 #904C56 #9D616A #56904C #4C7F43

Split Complementary Palette

#4D5578 #565E85 #856657 #917568 #758557 #69784E

Square Palette

#484F70 #565E85 #7E5D73 #7E795D #578566 #72997E

Tetradic Palette

#474D6D #565E85 #8A4398 #857D57 #509843 #70AB65

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #565E85 contains 86 red, 94 green, and 133 blue.

Contrast Ratio: 6.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.33:1