Shades and tints of #e1b941
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.
#e1b941 — rgb(225, 185, 65) — hsl(45, 73%, 57%). Closest color name: orange.
| HEX | #e1b941 |
|---|---|
| RGB | rgb(225, 185, 65) |
| HSL | hsl(45, 73%, 57%) |
| Complementary | #4169e1 (hue + 180°) |
| Closest name | orange |
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.
#e1b941 is closest to orange: rgb(225, 185, 65) in RGB and hsl(45, 73%, 57%) in HSL. Its complementary color (hue + 180°) is #4169e1.
Use color: #e1b941; for text, background-color: #e1b941; for surfaces, or the equivalents rgb(225, 185, 65) and hsl(45, 73%, 57%). For transparency use rgba(225, 185, 65, 0.5).