#3498DB — Tints, Shades & Color Values
#3498DB is a medium, vivid blue. Its nearest CSS named color is dodgerblue (#1e90ff). For readable text on a #3498DB background, black text gives the strongest contrast (6.66:1). #3498DB 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.
Color Values
| Hex | #3498DB |
|---|---|
| RGB | rgb(52, 152, 219) |
| HSL | hsl(204, 70%, 53%) |
| HSV / HSB | 204°, 76%, 86% |
| Nearest named | dodgerblue (#1e90ff) |
Need these in another format? Use our hex to RGB converter for quick two-way conversion.
Tints of #3498DB (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
#48a2df -
20% tint
#5dade2 -
30% tint
#71b7e6 -
40% tint
#85c1e9 -
50% tint
#9acced -
60% tint
#aed6f1 -
70% tint
#c2e0f4 -
80% tint
#d6eaf8 -
90% tint
#ebf5fb
Shades of #3498DB (Mixed with Black)
Each step blends the base color toward black using new = old × (1 − factor).
-
10% shade
#2f89c5 -
20% shade
#2a7aaf -
30% shade
#246a99 -
40% shade
#1f5b83 -
50% shade
#1a4c6e -
60% shade
#153d58 -
70% shade
#102e42 -
80% shade
#0a1e2c -
90% shade
#050f16
WCAG Contrast & Accessibility
Contrast ratios for text placed on a #3498DB 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.15:1 — AA normal: Fail · AA large: Pass · AAA: Fail |
|---|---|
| Black text 6.66: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 #3498DB from the ramps above as the background instead — small lightness moves change contrast quickly.
Browse more colors in the color library, or start from any hex code on the HexTints homepage.