Cadetblue Color Code (#5F9EA0)

Cadetblue is an official CSS named color: #5F9EA0 — rgb(95, 158, 160) — hsl(182, 25%, 50%).

HEX	#5f9ea0
RGB	rgb(95, 158, 160)
HSL	hsl(182, 25%, 50%)
Complementary	#9f6260 (hue + 180°)
CSS name	cadetblue (official keyword)

color: cadetblue; background-color: #5f9ea0; border-color: hsl(182, 25%, 50%);

Color picker

Live preview

Complementary (hue + 180°)

HEX

RGB

HSL

The color cadetblue in CSS

Cadetblue is one of the 148 named colors defined by the CSS Color Module — write the keyword cadetblue anywhere a color value is accepted (color, background-color, border-color, gradients) and every browser renders exactly #5F9EA0 (rgb(95, 158, 160)).

Shades and tints of cadetblue

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

Popular color codes

red orange coral salmon tomato gold yellow olive green lime teal aqua turquoise navy #4f7cff #ff6b6b

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

Common input mistakes (and fixes)

Modern space-separated CSS fails. Values like rgb(249 115 22) or hsl(25 95% 53%) are rejected — every field here expects commas, so write rgb(249, 115, 22) and hsl(25, 95%, 53%).
Percentages or decimals in RGB fail. Channels must be whole numbers from 0 to 255; rgb(97%, 45%, 8%) and rgb(249.5, 115, 22) both trigger a red error.
Wrappers are optional. Pasting bare 249, 115, 22 into the RGB field, or 25, 95%, 53% into HSL, converts fine — and HEX accepts upper or lower case, with or without the leading #.
Hue wraps around. Entering hsl(360, 100%, 50%) gives the same pure red as hue 0.

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

Cadetblue is an official CSS named color with the hex code #5F9EA0 — rgb(95, 158, 160) in RGB and hsl(182, 25%, 50%) in HSL. Its complementary color (hue + 180°) is #9f6260.

How do I use the cadetblue color in CSS?

Write color: cadetblue; for text or background-color: cadetblue; for surfaces — the keyword works in every browser, no quotes needed. Equivalent notations: #5F9EA0, rgb(95, 158, 160) and hsl(182, 25%, 50%).

Is cadetblue the same as #5F9EA0?

Yes — the CSS keyword cadetblue is defined as exactly #5F9EA0 (rgb(95, 158, 160)), so the keyword and the hex code always render the identical color.