CSS named color
Brown
#A52A2A
HEX
#a52a2aRGB
rgb(165, 42, 42)HSL
hsl(0, 59%, 41%)OKLCH
oklch(48.06% 0.1597 25.56)NAME
brownPalette
Complementary
180° on the color wheelComplement
#2BA6A6
Analogous
±30° around the base hueLeft
#A62B69
Right
#A6692B
Triadic
±120° for harmonic contrastTriad 1
#2BA62B
Triad 2
#2B2BA6
Shades
Lighter and darker variantsCSS usage
By name
color: brown;
background-color: brown;By HEX
color: #a52a2a;
background-color: #a52a2a;By RGB
color: rgb(165, 42, 42);
background-color: rgb(165, 42, 42);By HSL
color: hsl(0, 59%, 41%);
background-color: hsl(0, 59%, 41%);WCAG contrast vs white
Aa
7.08:1
AAA
WCAG contrast vs black
Aa
2.96:1
Below minimum
Related colors
FAQ — Brown
What is the HEX code for Brown?
The HEX code for Brown is #A52A2A. It's one of the 148 named CSS colors and can be used directly in CSS as color: brown; or color: #a52a2a;
What is Brown in RGB?
Brown in RGB is rgb(165, 42, 42) — red 165, green 42, blue 42.
What is Brown in HSL?
Brown in HSL is hsl(0, 59%, 41%) — hue 0°, saturation 59%, lightness 41%.
What is the complementary color of Brown?
The complementary color (directly opposite Brown on the color wheel) is #2BA6A6. The two together produce maximum contrast.
Is white text readable on Brown?
The WCAG contrast ratio against white (#FFFFFF) is 7.08:1, and against black (#000000) it's 2.96:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.