Traditional Chinese color
Navy Blue Color Code
Navy Blue is a dark, moderately saturated blue-violet with the hex code #3B2E7E. In RGB it is rgb(59, 46, 126), in HSL hsl(250, 47%, 34%) and in CMYK cmyk(53%, 63%, 0%, 51%).
Color values
White text on Navy Blue has a contrast ratio of 11.18:1 and black text 1.88:1, so white text is the more readable choice.
The closest Tailwind CSS color is Indigo 900 (#312E81).
Meaning
Deep mysterious blue
Use Navy Blue in CSS
.element {
color: #3b2e7e;
background-color: #3b2e7e;
border-color: rgb(59, 46, 126);
}Tints and shades of Navy Blue
Ten steps from light to dark at the same hue. Click any swatch to copy it.
Colors that go with Navy Blue
Color-wheel harmonies built from #3B2E7E. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.
Text contrast on Navy Blue
Colors similar to Navy Blue
Closest CSS named colors
Closest traditional Chinese colors
Closest Tailwind colors
Palettes with similar colors
Questions about Navy Blue
What is the hex code for Navy Blue?
The hex code for Navy Blue is #3B2E7E. Its RGB value is rgb(59, 46, 126) and its HSL value is hsl(250, 47%, 34%).
What colors go with Navy Blue?
The complementary color of Navy Blue is #727F2E. For a softer scheme try the analogous colors #2E497F and #642E7F; for a balanced three-color scheme use the triadic colors #7F3C2E and #2E7F3C.
Is Navy Blue readable as a text color?
On a white background Navy Blue has a contrast ratio of 11.18:1, which passes WCAG AA for normal text (4.5:1). On black it reaches 1.88:1.