#283A42 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

A muted, inky cyan with dusty grey undertones, #283a42 carries a serious and contemplative mood. This dark, matte shade works best as a background for high-contrast UI elements or technical interfaces where legibility is priority. White text stands out sharply against this base, providing an excellent 11.8:1 contrast ratio. Use the hex code #283a42 to anchor modern, minimalist designs that require a grounded and professional aesthetic.

Questions about #283a42

What is #283a42 in RGB, HSL and CMYK?

In RGB, #283a42 is rgb(40, 58, 66), in HSL hsl(198, 25%, 21%) and in CMYK 39%, 12%, 0%, 74%.

What colors pair well with #283a42 for a professional palette?

The muted, dusty undertones of #283a42 work beautifully when paired with warm, metallic accents like copper or soft cream highlights. These combinations balance the cool, inky character of the base color with just enough warmth to create a sophisticated, modern appearance.

Is #283a42 readable on white or black?

#283a42 has a 11.83:1 contrast ratio on white and 1.77: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.

#283A42 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #283a42

Color tools

Resources