#00487C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, unsaturated blue carries a professional weight, making it a reliable choice for corporate and security branding. Because of its moody, cool undertones, #00487c works exceptionally well as a dark background color. It offers excellent contrast for white text, ensuring your UI remains readable and sharp. Pair it with soft cream or muted gold to cut its severity.
Questions about #00487c
What is #00487c in RGB, HSL and CMYK?
In RGB, #00487c is rgb(0, 72, 124), in HSL hsl(205, 100%, 24%) and in CMYK 100%, 42%, 0%, 51%.
Why is #00487c a strong choice for UI backgrounds?
#00487c provides a dark, unsaturated foundation that makes high-contrast text like white or light cream stand out sharply. It carries a sense of authority and security, reducing eye strain in long-form digital environments without appearing too harsh or aggressive.
What colors pair best with the deep tone of #00487c?
To soften its severe, corporate edge, pair #00487c with warm neutrals like cream or muted gold. These complementary tones create a sophisticated balance, preventing the deep blue from feeling overly cold or sterile in your final design layout.
Is #00487c readable on white or black?
#00487c has a 9.46:1 contrast ratio on white and 2.21: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.