Light Blue Hex Codes: 52 Light, airy shades
52 light, airy shades of blue with names, hex codes, contrast on white and the best text color for each.
These are the light, airy shades of blue in Tintly's color library: 52 of the 232 blue shades. Light shades make quiet backgrounds, surfaces and highlights. They rarely carry text, so pair them with a dark neutral.
Light blue shades with hex codes
| Name | Hex | On white | Text on it |
|---|---|---|---|
| Megaman | #3CBCFC | 2.14:1 | #111111 |
| Capri | #00BFFF | 2.12:1 | #111111 |
| Widowmaker | #99AAFF | 2.19:1 | #111111 |
| Fly Away | #85B3F3 | 2.15:1 | #111111 |
| Hello Summer | #55BBFF | 2.11:1 | #111111 |
| Shallow Sea | #9AB8C2 | 2.09:1 | #111111 |
| Juvie | #8ABBD0 | 2.07:1 | #111111 |
| Mont Blanc | #9EB6D8 | 2.07:1 | #111111 |
| Wondrous Wisteria | #A3B1F2 | 2.07:1 | #111111 |
| Electric Eel | #88BBEE | 2.02:1 | #111111 |
| Blue Mana | #68C2F5 | 1.97:1 | #111111 |
| Double Denim | #95BCE1 | 1.98:1 | #111111 |
| Sky Blue | #9FB9E2 | 1.99:1 | #111111 |
| Over the Moon | #ABB8D5 | 1.99:1 | #111111 |
| Aquatic | #99C1CC | 1.93:1 | #111111 |
| Dolphin | #86C4DA | 1.92:1 | #111111 |
| Blue Lips | #A6BCE2 | 1.92:1 | #111111 |
| Sky Fall | #89C6DF | 1.87:1 | #111111 |
| Airborne | #A2C2D0 | 1.88:1 | #111111 |
| Fish Pond | #86C8ED | 1.82:1 | #111111 |
| Pastel Blue | #A2BFFE | 1.83:1 | #111111 |
| Sky High | #A7C2EB | 1.81:1 | #111111 |
| Stardust Evening | #B8BFDC | 1.82:1 | #111111 |
| Below Zero | #87CDED | 1.75:1 | #111111 |
| Neon Blue | #04D9FF | 1.69:1 | #111111 |
| Fail Whale | #99CCEE | 1.71:1 | #111111 |
| Clear Sky | #8ECCFE | 1.71:1 | #111111 |
| Breeze | #AEC9EA | 1.70:1 | #111111 |
| Featherbed | #AFCBE5 | 1.68:1 | #111111 |
| Sky | #76D6FF | 1.63:1 | #111111 |
| Andromeda Blue | #ABCDEE | 1.65:1 | #111111 |
| Night Snow | #AACCFF | 1.64:1 | #111111 |
| Baby Blue | #A2CFFE | 1.62:1 | #111111 |
| Mr Freeze | #ABD4EC | 1.57:1 | #111111 |
| Maritime | #BDCFEA | 1.58:1 | #111111 |
| Frost Fairy | #BBCFEF | 1.58:1 | #111111 |
| Ariel | #AED7EA | 1.53:1 | #111111 |
| Light Blue | #ADD8E6 | 1.52:1 | #111111 |
| Frozen Periwinkle | #C9D1EF | 1.51:1 | #111111 |
| Polar Opposite | #C2D6EC | 1.48:1 | #111111 |
| Droplet | #AADDFF | 1.44:1 | #111111 |
| Polar Wind | #B4DFED | 1.42:1 | #111111 |
| Break the Ice | #B2E1EE | 1.40:1 | #111111 |
| Fly a Kite | #C8DAF5 | 1.41:1 | #111111 |
| Broad Daylight | #BBDDFF | 1.40:1 | #111111 |
| Winter Wizard | #A0E6FF | 1.37:1 | #111111 |
| Icy Plains | #CFDAFB | 1.39:1 | #111111 |
| Cotton Clouds | #C2E1EC | 1.37:1 | #111111 |
| Frozen Landscape | #AEE4FF | 1.36:1 | #111111 |
| Fresh Air | #A6E7FF | 1.35:1 | #111111 |
| Breaking the Ice | #B8E4F5 | 1.35:1 | #111111 |
| Veiling Waterfalls | #D4EAFF | 1.23:1 | #111111 |
How to use them
Use a light shade as a page or card tint and a darker shade of the same family for the text on it, so the two feel related.
Standouts in this group
- Darkest: Megaman (#3CBCFC), at 75% lightness.
- Lightest: Veiling Waterfalls (#D4EAFF), at 93% lightness.
- Most saturated: Capri (#00BFFF).
- Best text color on white: Widowmaker (#99AAFF), at 2.19: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 light, airy shades the figures are different: 0 of 52 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.