Shades and tints of #b53035
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.
#b53035 — rgb(181, 48, 53) — hsl(358, 58%, 45%). Closest color name: brown.
| HEX | #b53035 |
|---|---|
| RGB | rgb(181, 48, 53) |
| HSL | hsl(358, 58%, 45%) |
| Complementary | #30b5b1 (hue + 180°) |
| Closest name | brown |
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.
#b53035 is closest to brown: rgb(181, 48, 53) in RGB and hsl(358, 58%, 45%) in HSL. Its complementary color (hue + 180°) is #30b5b1.
Use color: #b53035; for text, background-color: #b53035; for surfaces, or the equivalents rgb(181, 48, 53) and hsl(358, 58%, 45%). For transparency use rgba(181, 48, 53, 0.5).