#458D8F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated teal carries a dusty, ashy character that avoids the harshness of pure cyan. Because it balances legibility well, #458d8f works as a reliable background for black text in UI design. It performs best as a supporting tone in technology or productivity layouts rather than a primary brand color. Use it alongside warm terracotta to ground its refreshing, airy quality without feeling washed out.
Questions about #458d8f
What is #458d8f in RGB, HSL and CMYK?
In RGB, #458d8f is rgb(69, 141, 143), in HSL hsl(182, 35%, 42%) and in CMYK 52%, 1%, 0%, 44%.
What colors pair well with #458d8f in a design palette?
Warm earth tones like terracotta or burnt orange create the best balance for #458d8f because they ground its airy, cool quality. These high-contrast pairings prevent the color from feeling too clinical while maintaining a sophisticated and modern visual hierarchy.
Is #458d8f a good choice for UI text backgrounds?
#458d8f functions as an excellent background for black text due to its balanced, unsaturated nature which reduces visual fatigue. It is significantly more legible than brighter teals, making it a reliable option for professional interfaces or dashboard layouts.
Is #458d8f readable on white or black?
#458d8f has a 3.84:1 contrast ratio on white and 5.45: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.