#363E55 Hex Color

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

Hex color #363e55 graphic
Not a vivid blue at all. #363e55 is a dark, muted blue with heavy gray undertones, closer to charcoal than navy. Its low saturation suits dark mode UIs, finance branding, and moody backgrounds. Pair it with burgundy or terracotta for warmth. White text on this hex code reaches about 10.6:1 contrast, well past AA.

Questions about #363e55

What is #363e55 in RGB, HSL and CMYK?
In RGB, #363e55 is rgb(54, 62, 85), in HSL hsl(225, 22%, 27%) and in CMYK 36%, 27%, 0%, 67%. Browse more shades of blue with names and hex codes.
What colors pair well with #363e55?
Warm accents like burgundy, terracotta, or muted gold bring out its depth, while soft cream keeps text readable. Avoid pairing it with other desaturated blues, which can flatten the whole palette.
Is #363e55 readable on white or black?
#363e55 has a 10.62:1 contrast ratio on white and 1.97: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.