#558ff4 color: Blue Elemental
Every format, shade and contrast value for #558ff4. Drag the picker to explore nearby colors.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
OKLCH
Blue Elemental#558ff4
- ≈ Azure
- Blue
- Medium
- Vivid
- Cool
- blue-400
- Black 4%
Looks the same on every screen.
White text3.17:1 · Below AALc -64
Black text6.62:1 · AALc 45
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.
About #558ff4
#558ff4 is a bright blue color. In OKLCH it has 65.9% lightness, 0.163 chroma and a hue of 261°.
Looks the same on every screen.
White text on it reaches 3.17:1 contrast and black text 6.62:1, so black text reads better.
The closest named color is Blue Elemental (#5588ee). In Tailwind CSS the closest color is blue-400.