Brown Color
#A52A2A
Shades
Darker variations of each color in your palette
Base Color
#A52A2A#A52A2A
#842222
#631919
#421111
#210808
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#A52A2A#A52A2A
#B75555
#C97F7F
#DBAAAA
#EDD4D4
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #A52A2A |  |
| RGB | 165, 42, 42 | |
| HSL | 0, 59%, 41% | |
| CMYK | 0%, 75%, 75%, 35% | |
| OKLCH | oklch(0.481 0.160 26) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#A52A2A#A62B69
#A52A2A
#A6692B
Analogous
#A52A2A
#2BA6A6
Complementary
#A52A2A
#2BA62B
#2B2BA6
Triadic
#A52A2A
#2BA669
#2B69A6
Split Complementary
#A52A2A
#69A62B
#2BA6A6
#692BA6
Tetradic
#511515
#8E2525
#CB3434
#DA7171
#EAAEAE
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#A52A2A#A62B2B
#A6A62B
#2BA62B
#2BA6A6
#2B2BA6
#A62BA6
Hues
Tones
Tones created by adding gray to each color
Base Color
#A52A2A#A52A2A
#9E3B3B
#964C4C
#8F5E5E
#876F6F
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#A52A2A#B33028
#C03726
#CE3D24
Warmer
#9E304A
#96376A
#8F3D8A
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#A52A2AOn White Background
Sample Text
Contrast Ratio:7.08:1
WCAG Level:AAA
PASS
On Black Background
Sample Text
Contrast Ratio:2.96:1
WCAG Level:Fail
FAIL
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)