#564974 Color

Color Information

HEX#564974
RGB86, 73, 116
HSL258° , 23% , 37%
HSV258° , 37% , 45%
CMYK26%, 37%, 0%, 55%

Lighter Shades

#6A5F85 #7F7595 #938BA6 #A7A0B7 #BBB6C7 #D0CCD8

Darker Shades

#4C4066 #413758 #372F4A #2D263C #221D2E #181420

Complementary Palette

#4A3F64 #564974 #59643F #677449 #7C8762 #6E6287

Analogous Palette

#4A4F64 #50556D #51456D #564974 #66506D #755B7B

Triadic Palette

#4C4066 #564974 #7D523F #8D6756 #3F7D52 #376E48

Split Complementary Palette

#4D4268 #564974 #746B49 #827A5B #517449 #496842

Square Palette

#483D61 #564974 #6D5055 #646D50 #49746B #668A83

Tetradic Palette

#473C5F #564974 #85386E #677449 #38854F #5C9B6F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564974 contains 86 red, 73 green, and 116 blue.

Contrast Ratio: 8.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.56:1