#564E6A Color

Color Information

HEX#564E6A
RGB86, 78, 106
HSL257° , 15% , 36%
HSV257° , 26% , 42%
CMYK19%, 26%, 0%, 58%

Lighter Shades

#6A637C #7F788E #938EA0 #A7A3B2 #BBB8C3 #D0CDD5

Darker Shades

#4C455D #413B51 #373244 #2D2937 #221F2A #18161E

Complementary Palette

#4A435B #564E6A #545B43 #626A4E #787F67 #6E677F

Analogous Palette

#484D61 #4E546A #514964 #564E6A #644E6A #715978

Triadic Palette

#4C455D #564E6A #735245 #84675B #457352 #3D6548

Split Complementary Palette

#4D465F #564E6A #6A644E #797460 #546A4E #4C5F46

Square Palette

#484259 #564E6A #6A4E54 #626A4E #4E6A64 #6A827D

Tetradic Palette

#474057 #564E6A #7A3E69 #626A4E #3E7A4F #61926F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564E6A contains 86 red, 78 green, and 106 blue.

Contrast Ratio: 7.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.65:1