Vivid Blue Hex Codes: 33 Vivid, highly saturated shades
33 vivid, highly saturated shades of blue with names, hex codes, contrast on white and the best text color for each.
These are the vivid, highly saturated shades of blue in Tintly's color library: 33 of the 232 blue shades. Vivid shades are accents. They attract the eye, so use them for one action at a time.
Vivid blue shades with hex codes
| Name | Hex | On white | Text on it |
|---|---|---|---|
| Alone in the Dark | #000066 | 17.61:1 | #FFFFFF |
| Deep Blue | #040273 | 16.64:1 | #FFFFFF |
| Royal | #0C1793 | 13.46:1 | #FFFFFF |
| Cobalt | #030AA7 | 13.08:1 | #FFFFFF |
| Space Dust | #002299 | 12.43:1 | #FFFFFF |
| Dark Galaxy | #0018A8 | 12.38:1 | #FFFFFF |
| Smalt | #003399 | 10.86:1 | #FFFFFF |
| Royal Night | #2B3191 | 10.76:1 | #FFFFFF |
| True Blue | #010FCC | 10.81:1 | #FFFFFF |
| Blue Hour | #0034AB | 10.09:1 | #FFFFFF |
| Pure Blue | #0203E2 | 9.93:1 | #FFFFFF |
| Denim | #2243B6 | 8.24:1 | #FFFFFF |
| Bluebonnet | #1C1CF0 | 8.48:1 | #FFFFFF |
| Blue | #0000FF | 8.59:1 | #FFFFFF |
| Sapphire | #0F52BA | 7.15:1 | #FFFFFF |
| Rare Blue | #0044FF | 6.42:1 | #FFFFFF |
| Magic Ink | #0247FE | 6.29:1 | #FFFFFF |
| Warm Blue | #4B57DB | 5.69:1 | #FFFFFF |
| Savoy Blue | #4B61D1 | 5.34:1 | #FFFFFF |
| Epic Blue | #0066EE | 5.07:1 | #FFFFFF |
| Royal Blue | #4169E1 | 4.84:1 | #FFFFFF |
| Bluetiful | #3C69E7 | 4.80:1 | #FFFFFF |
| Azure | #007FFF | 3.83:1 | #111111 |
| Pan Purple | #657AEF | 3.76:1 | #111111 |
| Pool Water | #2188FF | 3.48:1 | #111111 |
| Skinny Jeans | #5588FF | 3.30:1 | #111111 |
| Homeworld | #2299DD | 3.14:1 | #111111 |
| Polar Glow | #5097FC | 2.92:1 | #111111 |
| Sky Dancer | #4499FF | 2.89:1 | #111111 |
| Blue Bikini | #00BBEE | 2.24:1 | #111111 |
| Megaman | #3CBCFC | 2.14:1 | #111111 |
| Capri | #00BFFF | 2.12:1 | #111111 |
| Neon Blue | #04D9FF | 1.69:1 | #111111 |
How to use them
Use one vivid shade as the accent and keep the rest of the page in neutrals or muted shades, so the accent stays an event rather than the wallpaper.
Standouts in this group
- Darkest: Alone in the Dark (#000066), at 23% lightness.
- Lightest: Neon Blue (#04D9FF), at 82% lightness.
- Most saturated: Blue (#0000FF).
- Best text color on white: Alone in the Dark (#000066), at 17.61:1.
What the numbers say
Across all 232 blue shades in the library, lightness runs from 14% to 93%. 122 of them reach 4.5 to 1 on white, so they can be used as text on a light page, and 107 reach 4.5 to 1 on near-black, so they can be used as text on a dark page. The rest are for fills, surfaces and large type, where the requirement is lower. Within the vivid, highly saturated shades the figures are different: 22 of 33 pass on white.
Pairing with other families
The base blue (#2463EB) separates best from beige (3.68:1), yellow (3.14:1) and orange (1.96:1). Because blue stands for sky, sea and trust, those pairings carry the most contrast of both color and meaning.
- Blue and beige: see the combinations in soft, bold and dark versions.
- Blue and yellow: see the combinations in soft, bold and dark versions.
- Blue and orange: see the combinations in soft, bold and dark versions.