What color is #2980B9?

#2980B9 is a medium, moderately saturated blue — rgb(41, 128, 185). Its nearest CSS named color is steelblue.

How do I make tints and shades of #2980B9?

Mix #2980B9 with white for tints and with black for shades. A 20% tint of #2980B9 is #5499c7 and a 20% shade is #216694; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #2980B9?

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

#2980B9 — Tints, Shades & Color Values

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

#2980B9

#2980B9 is a medium, moderately saturated blue. Its nearest CSS named color is steelblue (#4682b4). For readable text on a #2980B9 background, black text gives the strongest contrast (4.88:1). #2980B9 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 #2980B9 in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#2980B9`
RGB	`rgb(41, 128, 185)`
HSL	`hsl(204, 64%, 44%)`
HSV / HSB	`204°, 78%, 73%`
Nearest named	`steelblue` (`#4682b4`)

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

Tints of #2980B9 (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 #3e8dc0
20% tint #5499c7
30% tint #69a6ce
40% tint #7fb3d5
50% tint #94c0dc
60% tint #a9cce3
70% tint #bfd9ea
80% tint #d4e6f1
90% tint #eaf2f8

Shades of #2980B9 (Mixed with Black)

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

10% shade #2573a7
20% shade #216694
30% shade #1d5a82
40% shade #194d6f
50% shade #15405d
60% shade #10334a
70% shade #0c2638
80% shade #081a25
90% shade #040d12

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #2980B9 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 4.30:1 — AA normal: Fail · AA large: Pass · AAA: Fail
	Black text 4.88: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 #2980B9 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: #6B7280 (gray-500), #64748B (slate-500), #3730A3 (indigo-800), #1D4ED8 (blue-700), #1E40AF (blue-800), #0284C7 (sky-600).

Frequently Asked Questions

What color is #2980B9?

#2980B9 is a medium, moderately saturated blue — rgb(41, 128, 185). Its nearest CSS named color is steelblue.
How do I make tints and shades of #2980B9?

Mix #2980B9 with white for tints and with black for shades. A 20% tint of #2980B9 is #5499c7 and a 20% shade is #216694 — the full 10%–90% ramps are precomputed on this page, or open #2980B9 in the generator for finer steps.
What text color is readable on #2980B9?

Black text gives the strongest contrast on a #2980B9 background at 4.88: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 #2980B9? Put it on a free link-in-bio page →