#868388 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neutral, ashy grey balances softness with a firm, professional presence. It works best as a steady background or subtle UI element rather than a focal point. Because it provides 5.6:1 contrast against black, it maintains excellent readability for small body text. The hex code for this dusty tone is #868388, which pairs effectively with muted sage greens or soft, desaturated blues for a sophisticated palette.
Questions about #868388
What is #868388 in RGB, HSL and CMYK?
In RGB, #868388 is rgb(134, 131, 136), in HSL hsl(276, 2%, 52%) and in CMYK 1%, 4%, 0%, 47%.
How should I use #868388 in a user interface?
#868388 excels as a secondary UI element or neutral background because it maintains a 5.6:1 contrast ratio against black text. This provides excellent readability for small body copy while remaining softer and less harsh than pure black or dark charcoal.
What colors pair well with the #868388 grey?
This versatile ashy tone functions best alongside muted, organic colors like sage greens or dusty, desaturated blues. These pairings create a professional, calming aesthetic that feels balanced and sophisticated without needing high-contrast, vibrant accents to stand out.
Is #868388 readable on white or black?
#868388 has a 3.73:1 contrast ratio on white and 5.61:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.