Light blue color: #add8e6
The Light blue color code in every format, with shades, matching colors and ready palettes.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
OKLCH
- Sky blue
- Very light
- Soft
- Pastel
- Cool
- slate-300
- Black 10%
Looks the same on every screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
Palettes with Light blue
Similar named colors
Questions about Light blue
What is the hex code for Light blue?
The hex code for Light blue is #add8e6. In RGB it is rgb(173 216 230), in HSL hsl(194.74 53.27% 79.02%) and in OKLCH oklch(85.623% 0.04894 219.654).
What colors go well with Light blue?
Its complementary color is #edc6b8. For a calmer look, pair it with the analogous colors #acdbd7 and #b8d3ef. Ready palettes with Light blue are shown on this page.
Is Light blue a warm or cool color?
Light blue is a cool color with an OKLCH hue of 220 degrees.
What text color is readable on Light blue?
Black text is more readable on Light blue: white gives a contrast ratio of 1.53:1 and black gives 13.74:1. WCAG AA asks for at least 4.5:1 for body text.
About #add8e6
#add8e6 is a pastel very light sky blue color. In OKLCH it has 85.6% lightness, 0.049 chroma and a hue of 220°.
Looks the same on every screen.
White text on it reaches 1.53:1 contrast and black text 13.74:1, so black text reads better.
The closest named color is Light Blue (#add8e6). In Tailwind CSS the closest color is slate-300.