#87DDFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #87ddff when a layout needs air. This pastel sky blue reads fresh and cool, with enough lightness to keep large backgrounds from feeling heavy. It washes out next to white, so anchor it with black type, which hits about 13.8:1 contrast. The hex code #87ddff suits spring themes, kids’ products, and soft UI surfaces.
Questions about #87ddff
What is #87ddff in RGB, HSL and CMYK?
In RGB, #87ddff is rgb(135, 221, 255), in HSL hsl(197, 100%, 76%) and in CMYK 47%, 13%, 0%, 0%.
What text color should I use on #87ddff?
Black text on #87ddff gives roughly 13.8:1 contrast, well above the WCAG AA minimum of 4.5:1 for body text. White text falls far short, so keep type dark when this shade is behind it.
What colors pair well with #87ddff?
Deep saturated tones like navy or coral make #87ddff look richer than white does, since white tends to wash it out. Try it as the dominant base with darker accents in a 60/30/10 split.
Is #87ddff readable on white or black?
#87ddff has a 1.51:1 contrast ratio on white and 13.81:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.