#454E63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty slate offers a serious and professional alternative to standard navy. With its low saturation and dark, inky undertones, #454e63 excels as a background for clean, tech-focused interfaces. It provides excellent legibility for white text, making it a reliable choice for long-form content. Because of its somber mood, it pairs best with bright, warm accents to prevent the overall design from feeling too bleak.
Questions about #454e63
What is #454e63 in RGB, HSL and CMYK?
In RGB, #454e63 is rgb(69, 78, 99), in HSL hsl(222, 18%, 33%) and in CMYK 30%, 21%, 0%, 61%.
What colors pair well with #454e63?
Pair #454e63 with warm, bright accents like mustard yellow or soft coral to counteract its somber, serious nature. Using these vibrant contrasts keeps your interface from feeling too bleak while maintaining the professional, inky aesthetic that defines this slate.
Is #454e63 suitable for text backgrounds?
Use #454e63 in professional long-form content or web interfaces where you need a readable, low-saturation background. Its dark, inky profile ensures that white text remains crisp and highly legible, making it an excellent alternative to standard navy or black.
Is #454e63 readable on white or black?
#454e63 has a 8.32:1 contrast ratio on white and 2.52: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 is too faint for text. Try other pairs in the contrast checker.