Shades and tints of #51e1d8
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.
#51e1d8 — rgb(81, 225, 216) — hsl(176, 71%, 60%). Closest color name: cyan.
| HEX | #51e1d8 |
|---|---|
| RGB | rgb(81, 225, 216) |
| HSL | hsl(176, 71%, 60%) |
| Complementary | #e1515a (hue + 180°) |
| Closest name | cyan |
Same hue and saturation, stepped through lightness — click any swatch for its own page:
Convert any color with the HEX, RGB and HSL converter.
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%).rgb(97%, 45%, 8%) and rgb(249.5, 115, 22) both trigger a red error.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 #.hsl(360, 100%, 50%) gives the same pure red as hue 0.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.
#51e1d8 is closest to cyan: rgb(81, 225, 216) in RGB and hsl(176, 71%, 60%) in HSL. Its complementary color (hue + 180°) is #e1515a.
Use color: #51e1d8; for text, background-color: #51e1d8; for surfaces, or the equivalents rgb(81, 225, 216) and hsl(176, 71%, 60%). For transparency use rgba(81, 225, 216, 0.5).