#456263 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted cyan sits in the shadows, blending blue with a heavy dose of grey. Because of its low saturation and dark depth, #456263 works best as a moody, atmospheric background rather than a primary focus. It provides excellent legibility for white text, offering a strong 6.6:1 contrast ratio. Use this hex code to anchor tech interfaces or professional designs needing a serious, understated presence.
Questions about #456263
What is #456263 in RGB, HSL and CMYK?
In RGB, #456263 is rgb(69, 98, 99), in HSL hsl(182, 18%, 33%) and in CMYK 30%, 1%, 0%, 61%.
Why is #456263 effective for UI design?
#456263 works well as a neutral background in tech designs because it sits between blue and grey, minimizing eye strain. Its saturation maintains a strong contrast ratio with white, ensuring critical text remains legible in dark-themed modes or serious corporate interfaces.
What colors pair well with #456263?
Pair #456263 with crisp off-white or soft cream to maintain a professional, high-contrast look that feels modern rather than clinical. If you need an accent color, try using a muted terracotta or deep navy to build a sophisticated, balanced palette without overwhelming the design.
Is #456263 readable on white or black?
#456263 has a 6.60:1 contrast ratio on white and 3.18: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.