What color is #1E90FF?

#1E90FF is a medium, vivid blue — rgb(30, 144, 255). It is exactly the CSS named color dodgerblue.

How do I make tints and shades of #1E90FF?

Mix #1E90FF with white for tints and with black for shades. A 20% tint of #1E90FF is #4ba6ff and a 20% shade is #1873cc; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #1E90FF?

Black text gives the strongest contrast on a #1E90FF background at 6.49:1, which passes WCAG AA for normal text but not AAA.

#1E90FF — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#1E90FF

#1E90FF is a medium, vivid blue. It is exactly the CSS named color dodgerblue. For readable text on a #1E90FF background, black text gives the strongest contrast (6.49:1). #1E90FF sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.

Want to fine-tune this color interactively? Open #1E90FF in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#1E90FF`
RGB	`rgb(30, 144, 255)`
HSL	`hsl(210, 100%, 56%)`
HSV / HSB	`210°, 88%, 100%`
Nearest named	`dodgerblue` (`#1e90ff`)

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #1E90FF (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

10% tint #359bff
20% tint #4ba6ff
30% tint #62b1ff
40% tint #78bcff
50% tint #8fc8ff
60% tint #a5d3ff
70% tint #bcdeff
80% tint #d2e9ff
90% tint #e9f4ff

Shades of #1E90FF (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

10% shade #1b82e6
20% shade #1873cc
30% shade #1565b3
40% shade #125699
50% shade #0f4880
60% shade #0c3a66
70% shade #092b4d
80% shade #061d33
90% shade #030e19

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #1E90FF background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

Text color	White text 3.24:1 — AA normal: Fail · AA large: Pass · AAA: Fail
	Black text 6.49:1 — AA normal: Pass · AA large: Pass · AAA: Fail

If neither pure white nor pure black reaches the level you need, pick a darker shade of #1E90FF from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More blue colors in the library: #6A5ACD, #2563EB (blue-600), #3498DB, #4F46E5 (indigo-600), #3B82F6 (blue-500), #4338CA (indigo-700).

Frequently Asked Questions

What color is #1E90FF?

#1E90FF is a medium, vivid blue — rgb(30, 144, 255). It is exactly the CSS named color dodgerblue.
How do I make tints and shades of #1E90FF?

Mix #1E90FF with white for tints and with black for shades. A 20% tint of #1E90FF is #4ba6ff and a 20% shade is #1873cc — the full 10%–90% ramps are precomputed on this page, or open #1E90FF in the generator for finer steps.
What text color is readable on #1E90FF?

Black text gives the strongest contrast on a #1E90FF background at 6.49:1, which passes WCAG AA for normal text but not AAA.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #1E90FF? Put it on a free link-in-bio page →