#85bad3 color: Petit Four
#85bad3 is rgb(133, 186, 211) in RGB and oklch(76.076% 0.066 228.871) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Sky blue
- Light
- Soft
- Dusty
- Cool
- ≈ Sky blue
- mist-400
- Black 17%
Inside sRGB: displays the same on any 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.
About #85bad3
#85bad3 is a dusty light sky blue color. In OKLCH it has 76.1% lightness, 0.066 chroma and a hue of 229°.
Inside sRGB: displays the same on any screen.
White text on it reaches 2.11:1 contrast and black text 9.96:1, so black text reads better.
The closest named color is Petit Four (#7fbad1). In Tailwind CSS the closest color is mist-400.
Lighter: #85bad3 mixed with white
Darker: #85bad3 mixed with black
Calmer: #85bad3 with less saturation
Similar named colors
Colors that go with #85bad3
Questions about #85bad3
What color is #85bad3?
#85bad3 is dusty light sky blue. The closest named color is Petit Four. In RGB it is rgb(133, 186, 211), in HSL hsl(199.23, 46.99%, 67.45%) and in OKLCH oklch(76.076% 0.066 228.871).
What colors go well with #85bad3?
The complementary color of #85bad3 is #d5a58d. For a calmer combination use the analogous colors #7ebfc1 and #98b3dc. The triadic partners are #d2a1b8 and #b4b584.
Is white or black text more readable on #85bad3?
Black text reads better on #85bad3: white gives a contrast ratio of 2.11:1 and black gives 9.96:1. WCAG AA asks for at least 4.5:1 for body text.
Is #85bad3 a warm or cool color?
#85bad3 is a cool color. In OKLCH its hue is 229 degrees, its lightness 76.1% and its chroma 0.066.