#3A434E Hex Color

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

Hex color #3a434e graphic
Neither bright blue nor plain gray, #3a434e is a dark, ashy slate with barely any saturation left in it. That muted depth makes it a dependable base for dark mode interfaces, where white text clears WCAG AA contrast at roughly 10:1. Pair it with a warm ochre accent to keep layouts from going flat. The hex code suits finance, tech, and government work that needs to read as steady.

Questions about #3a434e

What is #3a434e in RGB, HSL and CMYK?
In RGB, #3a434e is rgb(58, 67, 78), in HSL hsl(213, 15%, 27%) and in CMYK 26%, 14%, 0%, 69%.
What text color works best on #3a434e?
White text is the clearest choice, reaching about 10:1 contrast, well above the 4.5:1 that WCAG AA requires for body text. Pale warm tones like cream also read clearly on this background.
What colors pair well with #3a434e?
Warm accents like ochre or muted coral lift its ashy undertone and keep it from reading flat. Pairing it only with cooler grays tends to dull the whole palette.
Is #3a434e readable on white or black?
#3a434e has a 10.03:1 contrast ratio on white and 2.09: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.