#284B8C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted blue carries a serious and reliable weight, perfect for professional or financial branding. While #284b8c feels slightly cold, it offers excellent readability for small text when paired with white. It functions best as a dominant base color in corporate web design rather than an accent, as its deep saturation can easily overwhelm lighter palettes in smaller interface elements.
Questions about #284b8c
What is #284b8c in RGB, HSL and CMYK?
In RGB, #284b8c is rgb(40, 75, 140), in HSL hsl(219, 56%, 35%) and in CMYK 71%, 46%, 0%, 45%.
How should I use #284b8c in web design?
#284b8c serves as a solid foundation for professional and financial websites where trustworthiness is key. Because it is highly saturated, it works best as a primary background or brand color, paired with clean white text to ensure maximum readability.
What colors pair well with #284b8c?
Is #284b8c readable on white or black?
#284b8c has a 8.48:1 contrast ratio on white and 2.47: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.