Color Converter Convert colors between HEX, RGB and HSL — free, instant, private.

Lightskyblue Color Code (#87CEFA)

Lightskyblue is an official CSS named color: #87CEFA — rgb(135, 206, 250) — hsl(203, 92%, 75%).

HEX#87cefa
RGBrgb(135, 206, 250)
HSLhsl(203, 92%, 75%)
Complementary#fab285 (hue + 180°)
CSS namelightskyblue (official keyword)
color: lightskyblue; background-color: #87cefa; border-color: hsl(203, 92%, 75%);



The color lightskyblue in CSS

Lightskyblue is one of the 148 named colors defined by the CSS Color Module — write the keyword lightskyblue anywhere a color value is accepted (color, background-color, border-color, gradients) and every browser renders exactly #87CEFA (rgb(135, 206, 250)).

Shades and tints of lightskyblue

Same hue and saturation, stepped through lightness — click any swatch for its own page:

Popular color codes

Convert any color with the HEX, RGB and HSL converter.

Common input mistakes (and fixes)

Why an HSL round trip can shift by one

This tool rounds HSL values to whole numbers, so converting away and back can drift slightly. Example: #f97316 becomes hsl(25, 95%, 53%), and converting that back gives rgb(249, 116, 21) — one step off on two channels. That is rounding, not a bug: whole-number HSL offers roughly 3.7 million combinations, while RGB has 16,777,216, so some colors simply have no exact HSL match. Treat the 6-digit HEX as the exact value and HSL as a close, editable approximation.

Frequently asked questions

What color is lightskyblue?

Lightskyblue is an official CSS named color with the hex code #87CEFA — rgb(135, 206, 250) in RGB and hsl(203, 92%, 75%) in HSL. Its complementary color (hue + 180°) is #fab285.

How do I use the lightskyblue color in CSS?

Write color: lightskyblue; for text or background-color: lightskyblue; for surfaces — the keyword works in every browser, no quotes needed. Equivalent notations: #87CEFA, rgb(135, 206, 250) and hsl(203, 92%, 75%).

Is lightskyblue the same as #87CEFA?

Yes — the CSS keyword lightskyblue is defined as exactly #87CEFA (rgb(135, 206, 250)), so the keyword and the hex code always render the identical color.