Shades and tints of #16837c
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.
#16837c — rgb(22, 131, 124) — hsl(176, 71%, 30%). Closest color name: teal.
| HEX | #16837c |
|---|---|
| RGB | rgb(22, 131, 124) |
| HSL | hsl(176, 71%, 30%) |
| Complementary | #83161d (hue + 180°) |
| Closest name | teal |
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.
#16837c is closest to teal: rgb(22, 131, 124) in RGB and hsl(176, 71%, 30%) in HSL. Its complementary color (hue + 180°) is #83161d.
Use color: #16837c; for text, background-color: #16837c; for surfaces, or the equivalents rgb(22, 131, 124) and hsl(176, 71%, 30%). For transparency use rgba(22, 131, 124, 0.5).