#003D80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, authoritative blue carries a grounded weight suitable for corporate branding or moody UI layouts. It offers strong contrast against white, making small text easily readable at a 10.6:1 ratio. Because of its intense saturation, #003d80 works best as a primary background or a commanding accent rather than a secondary fill. Learn about what colors make blue to adjust the intensity of your palette.
Questions about #003d80
What is #003d80 in RGB, HSL and CMYK?
In RGB, #003d80 is rgb(0, 61, 128), in HSL hsl(211, 100%, 25%) and in CMYK 100%, 52%, 0%, 50%.
Where should I use #003d80 in my UI design?
#003d80 functions best as a commanding primary background or a heavy accent color because of its intense saturation. It carries significant visual weight, so using it sparingly as a button color or text highlight often prevents it from overwhelming your layout.
Is #003d80 readable on white or black?
#003d80 has a 10.61:1 contrast ratio on white and 1.97: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.