brownwarmCSS named color
Brown #A52A2A
A solid warm brown; reliable and grounded.
Use cases: Organic brands · Earthy palettes
Color values
| Format | Value | |
|---|---|---|
| HEX | #A52A2A | |
| RGB | rgb(165, 42, 42) | |
| HSL | hsl(0, 59%, 41%) | |
| HSV | hsv(0, 75%, 65%) | |
| CMYK | cmyk(0%, 74.5%, 74.5%, 35.3%) | |
| XYZ | xyz(16.7649, 9.825, 3.2037) | |
| CIE-LAB | lab(37.5, 49.7, 30.5) | |
| Luminance | 0.098 (WCAG relative) |
/* Brown */
color: #a52a2a;
background-color: #a52a2a;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#952626 #842222 #741d1d #631919 #531515 #421111 #320d0d #210808 #110404 #000000
Tints (toward white)
#ae3f3f #b75555 #c06a6a #c97f7f #d29595 #dbaaaa #e4bfbf #edd4d4 #f6eaea #ffffff
Tones (toward gray)
#a13333 #9e3b3b #9a4444 #964c4c #935555 #8f5e5e #8b6666 #876f6f #847777 #808080
Color harmonies
Complementary
Edit in generator →#A52A2A
#2AA5A5
#a52a2a #2aa5a5
Analogous
Edit in generator →#A52A67
#A52A2A
#A5672A
#a52a67 #a52a2a #a5672a
Triadic
Edit in generator →#A52A2A
#2AA52A
#2A2AA5
#a52a2a #2aa52a #2a2aa5
Tetradic
Edit in generator →#A52A2A
#67A52A
#2AA5A5
#672AA5
#a52a2a #67a52a #2aa5a5 #672aa5
Split Complementary
Edit in generator →#A52A2A
#2AA567
#2A67A5
#a52a2a #2aa567 #2a67a5
Monochromatic
Edit in generator →#431111
#741E1E
#A52A2A
#CE3E3E
#DA6F6F
#431111 #741e1e #a52a2a #ce3e3e #da6f6f
Accessibility & contrast
7.08
#A52A2A on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.96
#A52A2A on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
Best text on brown
7.08
#FFFFFF text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Firebrick #B22222 | 3.12 | |
| Cardinal #C41E3A | 6.96 | |
| Maroon #800000 | 10.38 | |
| Burgundy #800020 | 10.40 | |
| Crimson #DC143C | 10.72 | |
| Rust #B7410E | 12.62 |
Related colors
Palettes with brown
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.