Navy Blue

#1974D2

Crayola color

Navy Blue (#1974D2) is Crayola's vivid interpretation of navy, significantly brighter and more saturated than CSS navy, landing as a strong medium-dark royal blue. The Crayola shade reflects how children perceive "navy blue" — not near-black but a deeply satisfying, clean blue. It's a workhorse in children's illustrations, school supply packaging, and any design requiring a confident, approachable blue.

Color Values

HEX

#1974D2

RGB

25, 116, 210

HSL

210.5, 78.7%, 46.1%

HSV

210.5, 88.1%, 82.4%

CMYK

88.1%, 44.8%, 0.0%, 17.6%

OKLCH

0.5601 0.1656 254.0

Properties

Color Psychology

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #1974D2;
color: #1974D2;
border-color: #1974D2;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Compare With

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #1974D2?

RGB(25, 116, 210) · HSL(210.5, 78.7%, 46.1%) · CMYK(88.1%, 44.8%, 0.0%, 17.6%)

Does #1974D2 meet WCAG contrast on white?

4.7:1 — WCAG AA Pass, AAA Fail for normal text.

What text color is readable on #1974D2?

Use FFFFFF text on a #1974D2 background; contrast on black is 4.47:1.