#283344 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, ink-blue shade carries a serious, matte quality that works well for tech interfaces or corporate branding. With its dusty undertones, #283344 offers a stable, grounded alternative to brighter navies. It functions best as a 60 percent base color in dark mode UI, where it easily supports white text while maintaining high readability. The hex code for this moody, professional tone is #283344.
Questions about #283344
What is #283344 in RGB, HSL and CMYK?
In RGB, #283344 is rgb(40, 51, 68), in HSL hsl(216, 26%, 21%) and in CMYK 41%, 25%, 0%, 73%.
Where should I use #283344 in UI design?
#283344 is an excellent base color for dark mode interfaces because it maintains a sophisticated, matte look while offering enough contrast to keep white text readable. Use it for navigation bars or sidebars to ground your layout without the harshness of black.
What colors pair well with #283344?
Pair #283344 with soft off-white or light gray tones to create a balanced, professional contrast. If you need an accent, this deep ink blue works surprisingly well with muted mustard or dusty orange, which adds just enough warmth to offset its cool, serious undertones.
Is #283344 readable on white or black?
#283344 has a 12.74:1 contrast ratio on white and 1.64: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.