#1974D2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright Navy Blue is a saturated, high-intensity shade that commands immediate attention. Because of its strength, #1974d2 functions best as a purposeful accent or call-to-action button rather than a primary background color. It pairs surprisingly well with soft creams or warm grays to temper its boldness. The hex code for this color is #1974d2, which offers sufficient contrast for white text in UI design applications.
About Bright Navy Blue
Pool water at noon, lit from underneath
What does bright navy blue mean?
Bright navy blue often reads as confident and energetic, and it commonly signals clarity, trust, and action. Its strong saturation and mid lightness make it feel loud, awake, and direct rather than soft or brooding.
Where you see bright navy blue
- pool water
- soccer jerseys
- bike helmets
- plastic sleds
- spray paint caps
- inflatable pool floats
What it works for
Use it for calls to action, sports branding, charts, and anywhere a bold cool blue must hold attention.
What colors go with bright navy blue?
Coral #ff7f50The warm red-orange sits opposite blue on the wheel, so both colors look stronger together.Mustard #ffdb58Saturated yellow meets saturated blue at equal volume, giving a bold, balanced pair.Cream #fffdd0Cream softens the blue's loudness without dulling it, keeping the mix bright and calm.Sand #e2ca76Warm neutral sand gives this cool blue a grounded base to push against.
Questions about Bright Navy Blue
What is the hex code for Bright Navy Blue?
Bright Navy Blue is #1974d2. In RGB that is rgb(25, 116, 210), in HSL hsl(210, 79%, 46%) and in CMYK 88%, 45%, 0%, 18%.
Is Bright Navy Blue readable on white or black?
Bright Navy Blue has a 4.69:1 contrast ratio on white and 4.47: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.