#566B63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark teal like #566b63 earns its place as a supporting tone in wellness, healthcare, and tech interfaces. The hex code sits deep and heavily muted, reading closer to slate green than true teal. That low saturation keeps layouts calm without navy’s coldness. Pair it with warm terracotta or cream to lift the ashy edge, and note white text passes WCAG AA at 5.7:1 contrast.
Questions about #566b63
What is #566b63 in RGB, HSL and CMYK?
In RGB, #566b63 is rgb(86, 107, 99), in HSL hsl(157, 11%, 38%) and in CMYK 20%, 0%, 7%, 58%. Browse more shades of gray with names and hex codes.
What colors pair well with #566b63?
Warm accents like terracotta, blush, and cream bring out the hidden warmth in this ashy teal, while crisp white keeps it clean. Avoid pairing it with other muted greens, or the combination can read muddy.
Is #566b63 readable on white or black?
#566b63 has a 5.70:1 contrast ratio on white and 3.67: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.