#366A8D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bank sites and healthcare dashboards often reach for this dusty steel blue. The hex code #366a8d is a medium-dark blue with heavy gray undertones, so it reads steady instead of flashy. White text clears WCAG AA on it at about 5.8:1, which suits headers and navigation. Pair it with warm sand or burgundy accents to soften its cool edge.
Questions about #366a8d
What is #366a8d in RGB, HSL and CMYK?
In RGB, #366a8d is rgb(54, 106, 141), in HSL hsl(204, 45%, 38%) and in CMYK 62%, 25%, 0%, 45%. Browse more shades of blue with names and hex codes.
What text color works best on #366a8d?
White text works best on #366a8d, with a contrast ratio of about 5.8:1. That clears the WCAG AA threshold of 4.5:1, so it supports small body text, not just headings.
What colors pair well with #366a8d?
Warm accents like burgundy or terracotta balance the cool gray undertones of #366a8d. For a tighter palette, use lighter tints of the same blue.
Is #366a8d readable on white or black?
#366a8d has a 5.82:1 contrast ratio on white and 3.60: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.