#284B63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#284b63 acts as a stable, desaturated blue base that avoids the harshness of pure black. Its dusty undertones provide a professional, grounded feel, making it an excellent choice for corporate UI backgrounds and dark mode interfaces. Because this shade has a high contrast ratio with white, readability stays strong. Designers often experiment with what colors make gray to blend this dark hue into more complex palettes.
Questions about #284b63
What is #284b63 in RGB, HSL and CMYK?
In RGB, #284b63 is rgb(40, 75, 99), in HSL hsl(204, 42%, 27%) and in CMYK 60%, 24%, 0%, 61%.
Why is #284b63 effective for dark mode interfaces?
#284b63 provides a softer, less aggressive visual experience than pure black, reducing eye strain while maintaining strong readability against light text. Its desaturated nature creates a professional, grounded atmosphere that helps organize content without overwhelming the user.
What colors pair best with #284b63?
Is #284b63 readable on white or black?
#284b63 has a 9.22:1 contrast ratio on white and 2.27: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.