#2D364E Hex Color

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

Hex color #2d364e graphic
Dark blue with a muted, ashy edge. #2d364e works best as a dominant base in dark UI and moody layouts, where white text reaches about 12:1 contrast and small body text still passes WCAG AA. Pair it with amber or terracotta accents to lift its gray undertones. The hex code #2d364e reads more slate than vivid blue.

Questions about #2d364e

What is #2d364e in RGB, HSL and CMYK?
In RGB, #2d364e is rgb(45, 54, 78), in HSL hsl(224, 27%, 24%) and in CMYK 42%, 31%, 0%, 69%.
What colors pair well with #2d364e?
Warm accents like amber, soft gold, or terracotta lift the gray undertones in #2d364e. Crisp white or pale cream text also works, with white reaching about 12:1 contrast.
Is #2d364e readable on white or black?
#2d364e has a 12.00:1 contrast ratio on white and 1.74: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.