#30404A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted blue has a distinct ashy undertone that makes it feel serious and grounded. Because of its low saturation, #30404a works well as a neutral base for tech or security-focused UI designs. It provides high contrast for white text, ensuring readability. Pair it with soft, warm metallics or pale greys to avoid a muddy look in your final layouts. The hex code for this color is #30404a.
Questions about #30404a
What is #30404a in RGB, HSL and CMYK?
In RGB, #30404a is rgb(48, 64, 74), in HSL hsl(203, 21%, 24%) and in CMYK 35%, 14%, 0%, 71%. Browse more shades of gray with names and hex codes.
How can #30404a be used effectively in UI design?
Why does #30404a feel more professional than a standard navy?
The ashy, desaturated quality of #30404a removes the vibrancy typical of standard navies, creating a more restrained and grounded presence. This lack of saturation makes it a versatile tool for minimalist layouts that require high-contrast readability without overwhelming the viewer.
Is #30404a readable on white or black?
#30404a has a 10.72:1 contrast ratio on white and 1.95: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.