#566E6A Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #566e6a graphic
Muted and ashy, #566e6a is a dark gray-green with a matte, understated feel. Its low saturation gives healthcare, wellness, technology, and hospitality designs a calm, trustworthy base. Use this hex code for supporting backgrounds or navigation panels, with white text reaching about 5.5:1 contrast for accessible body copy. Warm cream adds gentle definition.

Questions about #566e6a

What is #566e6a in RGB, HSL and CMYK?
In RGB, #566e6a is rgb(86, 110, 106), in HSL hsl(170, 12%, 38%) and in CMYK 22%, 0%, 4%, 57%.
What colors pair well with #566e6a?
Warm cream, soft white, and muted terracotta pair well with #566e6a, adding gentle contrast without overpowering its ashy gray-green base; cream can carry broad backgrounds, while charcoal text and restrained terracotta accents create clearer hierarchy.
Is #566e6a warm or cool?
It reads as a cool, muted gray-green because its blue-green hue and low saturation outweigh the warmth often associated with green, giving the shade a restrained, grounded character for calm digital and physical spaces.
Is #566e6a readable on white or black?
#566e6a has a 5.47:1 contrast ratio on white and 3.83:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.