#00478F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, deep blue carries a professional, stable presence, making it ideal for corporate branding and authority-focused design. Because the tone is quite dark, white text offers excellent legibility against it, achieving a 9.1:1 contrast ratio for high readability. The hex code for this color is #00478f. Use it as a solid primary background to ground your UI, but pair it with light neutrals to keep the look balanced.
Questions about #00478f
What is #00478f in RGB, HSL and CMYK?
In RGB, #00478f is rgb(0, 71, 143), in HSL hsl(210, 100%, 28%) and in CMYK 100%, 50%, 0%, 44%.
What colors pair well with #00478f?
This deep blue works best when balanced by neutral, light tones that allow its saturation to pop without overwhelming the layout. Pair #00478f with a crisp off-white or light silver to maintain a clean, professional appearance while ensuring high text legibility.
Is #00478f readable on white or black?
#00478f has a 9.13:1 contrast ratio on white and 2.29: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.