#004066 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted blue functions best as a dominant base for corporate or UI design. Because it lacks high saturation, #004066 provides a stable, professional backdrop that supports text and interface elements easily. It offers excellent contrast for white typography, making it highly readable for users. If you need a darker shade, understanding how to make black can help you adjust the hex code #004066 for added depth.
Questions about #004066
What is #004066 in RGB, HSL and CMYK?
In RGB, #004066 is rgb(0, 64, 102), in HSL hsl(202, 100%, 20%) and in CMYK 100%, 37%, 0%, 60%.
Why is #004066 effective for user interface design?
This dark blue provides a high-contrast, professional backdrop that makes white text stand out clearly, ensuring excellent readability on screens. Its muted quality prevents visual fatigue for users viewing lengthy content or complex dashboards, keeping the interface clean and focused.
What color schemes work best with #004066?
Complementary schemes using warm terracotta or soft gold tones balance the coolness of #004066 effectively. You can also create a professional monochromatic palette by using lighter shades of the same base blue, which adds depth without introducing conflicting hues or visual clutter.
Is #004066 readable on white or black?
#004066 has a 10.90:1 contrast ratio on white and 1.92: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.