#A52A2A
Brown
Brown is a warm, earthy neutral color that represents reliability, stability, and the natural world. It is grounding and comforting.
Brown Color Values
HEX#A52A2A
RGB165, 42, 42
HSL0°, 59%, 41%
HSV0°, 75%, 65%
CMYK0%, 75%, 75%, 35%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #4F472A (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #6D6226 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #B6002A (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #656565 (~0.003% of population)
Brown as Text Color
Brown on White
7.1:1AAA
Brown on Light Gray
6.5:1AA
Brown on Cream
6.7:1AA
Brown on Dark
2.4:1FAIL
Brown on Black
3.0:1FAIL
Brown on Soft Blue
6.2:1AA
Brown on Soft Green
6.3:1AA
Brown on Soft Pink
5.9:1AA
Nearest Tailwind Class
red-800
#991B1B
Nearest Pantone Match
Pantone 7621 C
#8B2332
CSS Variable Export
:root {
--color-brown: #A52A2A;
--color-brown-rgb: 165, 42, 42;
}Tailwind Config
// tailwind.config.js
colors: {
'brown': '#A52A2A',
}Shades of Brown
#A62B2B
#922626
#822121
#6D1C1C
#5D1818
#491313
#390F0F
#240909
#140505
#000000
Tints of Brown
#A62B2B
#C33232
#CF4444
#D66161
#DC7979
#E49696
#EAAEAE
#F1CACA
#F8E3E3
#FFFFFF
Color Harmonies
Complementary
#A52A2A
#2BA6A6
Analogous
#A62B69
#A62B2B
#A6692B
Triadic
#A62B2B
#2BA62B
#2B2BA6
Brown Text Preview
Heading in Brown
Body text in Brown. The quick brown fox jumps over the lazy dog.
White on Brown
Body text on a Brown background.
Brown text on dark background
Contrast: 2.5:1