#AE3D24
≈ brown · rgb(174, 61, 36)
Color formats
HEX#AE3D24
RGBrgb(174, 61, 36)
HSLhsl(11, 66%, 41%)
HSVhsv(11, 79%, 68%)
OKLCHoklch(52% 0.15 34)
CMYKcmyk(0%, 65%, 79%, 32%)
Contrast & accessibility
On white6.01:1AA pass
On black3.49:1below AA
Best text color#FFFFFF
Nearest CSS name: brown
Copy-ready code
CSS custom properties
:root {
--brown: #ae3d24;
--brown-rgb: 174 61 36;
--brown-oklch: oklch(52% 0.15 34);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--brown-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#ae3d24] text-[#ae3d24] border-[#ae3d24]
Shades & tints
Color harmonies
About this color
#AE3D24 is a color with the RGB value rgb(174, 61, 36). Its closest CSS named color is "brown". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.