#282B33 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue acts as a grounding neutral for dark mode interfaces. With its heavy, ashy undertones, #282b33 feels authoritative and serious without the harshness of pure black. Use it as a solid background color to provide high contrast for white text, which remains highly readable against this shade. It pairs well with metallic accents or muted greens to create a sophisticated, tech-forward palette.
Questions about #282b33
What is #282b33 in RGB, HSL and CMYK?
In RGB, #282b33 is rgb(40, 43, 51), in HSL hsl(224, 12%, 18%) and in CMYK 22%, 16%, 0%, 80%.
Is #282b33 better than black for UI backgrounds?
#282b33 provides a softer, more comfortable viewing experience than pure black, reducing eye strain in dark mode interfaces. Its ashy undertones create a sophisticated, high-contrast base that keeps text readable without the harshness often found in deep, saturated blacks.
What colors coordinate well with #282b33?
This shade pairs effortlessly with cool metallics, soft creams, or muted greens like sage to build a tech-forward palette. Because it sits between blue and grey, it anchors brighter accent colors without overwhelming them, making it versatile for professional or minimalist branding projects.
Is #282b33 readable on white or black?
#282b33 has a 14.15:1 contrast ratio on white and 1.48: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.