#565A75 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated indigo functions best as a muted background color in UI designs. Because it is dark and moody, it provides excellent contrast for white text, which pops clearly against the flat surface. The hex code for this ashy shade is #565a75. Pair it with soft creams or warm grays to avoid a sterile look in your dark mode interfaces.
Questions about #565a75
What is #565a75 in RGB, HSL and CMYK?
In RGB, #565a75 is rgb(86, 90, 117), in HSL hsl(232, 15%, 40%) and in CMYK 26%, 23%, 0%, 54%.
How should I use #565a75 in a dark mode interface?
#565a75 works best as a primary background layer because it is dark enough to maintain high legibility when paired with white or very light neutral text. To avoid a sterile look, combine it with cream or warm gray accents.
Is #565a75 a warm or cool color?
#565a75 sits firmly in the cool spectrum, carrying strong blue-violet undertones typical of an unsaturated indigo. Its dusty, muted quality reduces the visual intensity usually found in vibrant indigos, making it a sophisticated choice for professional, low-contrast designs.
Is #565a75 readable on white or black?
#565a75 has a 6.74:1 contrast ratio on white and 3.11: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.