#458A99 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty cyan sits between blue and green with a distinct grey undertone. Because it maintains a 5.3:1 contrast ratio against black, #458a99 works effectively for UI components. Designers often use this hex code as a supporting tone to ground high-contrast layouts. It pairs well with charcoal greys and warm off-whites for a clean, tech-focused aesthetic.
Questions about #458a99
What is #458a99 in RGB, HSL and CMYK?
In RGB, #458a99 is rgb(69, 138, 153), in HSL hsl(191, 38%, 44%) and in CMYK 55%, 10%, 0%, 40%.
How should I use #458a99 in digital design?
This shade works best as a primary interface color because it maintains high contrast ratios against standard black text. Its desaturated nature avoids eye fatigue while keeping your layouts clean, legible, and distinctly modern compared to overly saturated blues.
What color combinations complement #458a99?
Pair #458a99 with warm, light off-whites to soften its grey undertones and create a clean, minimalist aesthetic. For a more sophisticated look, use deep charcoal for text to anchor the composition without overpowering the cyan's muted, professional personality.
Is #458a99 readable on white or black?
#458a99 has a 3.92:1 contrast ratio on white and 5.34: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.