Baby blue color: #89cff0
The Baby 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
- Light
- Vivid
- Pastel
- Cool
- sky-300
- Black 6%
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 Baby blue
Similar named colors
Questions about Baby blue
What is the hex code for Baby blue?
The hex code for Baby blue is #89cff0. In RGB it is rgb(137 207 240), in HSL hsl(199.22 77.44% 73.92%) and in OKLCH oklch(81.991% 0.08418 229.328).
What colors go well with Baby blue?
Its complementary color is #f2b494. For a calmer look, pair it with the analogous colors #7ed5d9 and #a4c6fb. Ready palettes with Baby blue are shown on this page.
Is Baby blue a warm or cool color?
Baby blue is a cool color with an OKLCH hue of 229 degrees.
What text color is readable on Baby blue?
Black text is more readable on Baby blue: white gives a contrast ratio of 1.71:1 and black gives 12.25:1. WCAG AA asks for at least 4.5:1 for body text.
About #89cff0
#89cff0 is a pastel light sky blue color. In OKLCH it has 82% lightness, 0.084 chroma and a hue of 229°.
Looks the same on every screen.
White text on it reaches 1.71:1 contrast and black text 12.25:1, so black text reads better.
The closest named color is Pool Tiles (#89cff0). In Tailwind CSS the closest color is sky-300.