#30445C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits on the edge of inky, offering a serious alternative to standard navy. Because #30445c is highly unsaturated, it functions best as a dominant UI background rather than an accent. It pairs unexpectedly well with warm, sandy beiges, which cut through its gloom. White text offers excellent 10.0:1 contrast, making this hex code a reliable choice for readable, professional dark mode interfaces.
Questions about #30445c
What is #30445c in RGB, HSL and CMYK?
In RGB, #30445c is rgb(48, 68, 92), in HSL hsl(213, 31%, 27%) and in CMYK 48%, 26%, 0%, 64%.
What colors pair well with #30445c?
Warm, sandy beiges work exceptionally well with #30445c because they provide the necessary contrast to cut through its darker, moody appearance. The softness of beige prevents the layout from feeling too cold while maintaining a sophisticated, balanced aesthetic.
Is #30445c suitable for interface design?
Yes, #30445c is an excellent choice for dark mode UI backgrounds because it offers a 10.0:1 contrast ratio against white text. It provides a more serious, grounded alternative to standard navy, ensuring text remains legible for long-form reading.
Is #30445c readable on white or black?
#30445c has a 9.96:1 contrast ratio on white and 2.10: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.