#536C55 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #536c55 when a design needs green that stays out of the way. Its low saturation and dark value read calm and grounded, so it works best as a supporting tone or background rather than the star. White text passes AA contrast on it at about 5.8:1, which makes it a safe pick for eco and finance layouts. Pair it with warm terracotta or cream to keep the ashy green from turning flat.
Questions about #536c55
What is #536c55 in RGB, HSL and CMYK?
In RGB, #536c55 is rgb(83, 108, 85), in HSL hsl(125, 13%, 37%) and in CMYK 23%, 0%, 21%, 58%.
What colors pair well with #536c55?
Warm accents like terracotta, dusty rose, and soft cream bring out the green and lift its grayed tone. Cool grays and navy also work if you want a quieter, more corporate palette.
Is #536c55 readable on white or black?
#536c55 has a 5.76:1 contrast ratio on white and 3.64: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.