#004055 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted cyan carries a heavy, serious weight, perfect for establishing authority or professional distance. Because it is desaturated and cool, #004055 works best as a dominant base for tech or corporate UI backgrounds rather than small text. It pairs well with crisp white for accessibility or softer, warmer grays to keep the composition from feeling too clinical. The hex code is #004055.
Questions about #004055
What is #004055 in RGB, HSL and CMYK?
In RGB, #004055 is rgb(0, 64, 85), in HSL hsl(195, 100%, 17%) and in CMYK 100%, 25%, 0%, 67%.
What colors pair well with #004055 in a design layout?
Use #004055 alongside crisp, clean whites to maximize legibility, or integrate softer, warmer neutrals like cream or warm gray to prevent the color from feeling too clinical. These softer tones balance the heaviness of the dark cyan, creating a professional yet approachable aesthetic.
Why is #004055 a better choice for backgrounds than text?
Because #004055 is highly desaturated and dark, it lacks the necessary contrast against most dark backgrounds and can feel muddy as a font color. It performs best as a solid, atmospheric background or a large-scale UI element where its weight establishes authority.
Is #004055 readable on white or black?
#004055 has a 11.26:1 contrast ratio on white and 1.86: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.