Metallic Bronze Color
#A97142
Shades
Darker variations of each color in your palette
Base Color
#A97142#A97142
#875A35
#654428
#442D1A
#22170D
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#A97142#A97142
#BA8D68
#CBAA8E
#DDC6B3
#EEE3D9
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #A97142 |  |
| RGB | 169, 113, 66 | |
| HSL | 27, 44%, 46% | |
| CMYK | 0%, 33%, 61%, 34% | |
| OKLCH | oklch(0.597 0.095 59) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#A97142#A94247
#A97142
#A9A442
Analogous
#A97142
#427AA9
Complementary
#A97142
#42A970
#7042A9
Triadic
#A97142
#42A9A4
#4247A9
Split Complementary
#A97142
#47A942
#427AA9
#A442A9
Tetradic
#49311D
#815532
#B87A47
#CDA27E
#E2CAB6
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#A97142#A94242
#A9A942
#42A942
#42A9A9
#4242A9
#A942A9
Hues
Tones
Tones created by adding gray to each color
Base Color
#A97142#A97142
#A1744E
#99775B
#907A67
#887D74
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#A97142#B6723F
#C3733C
#D07439
Warmer
#A1725E
#9A737B
#927497
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#A97142On White Background
Sample Text
Contrast Ratio:4.10:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.13:1
WCAG Level:AA
PASS
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)