#558de0 color: Olympic Blue
Every format, shade and contrast value for #558de0. Drag the picker to explore nearby colors.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
OKLCH
Olympic Blue#558de0
- ≈ Steel blue
- Blue
- Medium
- Vivid
- Cool
- blue-400
- Black 12%
Looks the same on every screen.
White text3.35:1 · Below AALc -66
Black text6.27:1 · AALc 43
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 #558de0
#558de0 is a bright blue color. In OKLCH it has 64.3% lightness, 0.139 chroma and a hue of 258°.
Looks the same on every screen.
White text on it reaches 3.35:1 contrast and black text 6.27:1, so white text reads better.
The closest named color is Olympic Blue (#4f8fe6). In Tailwind CSS the closest color is blue-400.