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

Deepskyblue Color Code (#00BFFF)

Deepskyblue is an official CSS named color: #00BFFF — rgb(0, 191, 255) — hsl(195, 100%, 50%).

HEX#00bfff
RGBrgb(0, 191, 255)
HSLhsl(195, 100%, 50%)
Complementary#ff4000 (hue + 180°)
CSS namedeepskyblue (official keyword)
color: deepskyblue; background-color: #00bfff; border-color: hsl(195, 100%, 50%);



The color deepskyblue in CSS

Deepskyblue is one of the 148 named colors defined by the CSS Color Module — write the keyword deepskyblue anywhere a color value is accepted (color, background-color, border-color, gradients) and every browser renders exactly #00BFFF (rgb(0, 191, 255)).

Shades and tints of deepskyblue

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 deepskyblue?

Deepskyblue is an official CSS named color with the hex code #00BFFF — rgb(0, 191, 255) in RGB and hsl(195, 100%, 50%) in HSL. Its complementary color (hue + 180°) is #ff4000.

How do I use the deepskyblue color in CSS?

Write color: deepskyblue; for text or background-color: deepskyblue; for surfaces — the keyword works in every browser, no quotes needed. Equivalent notations: #00BFFF, rgb(0, 191, 255) and hsl(195, 100%, 50%).

Is deepskyblue the same as #00BFFF?

Yes — the CSS keyword deepskyblue is defined as exactly #00BFFF (rgb(0, 191, 255)), so the keyword and the hex code always render the identical color.