Saddle Brown Color
#8B4513
Shades
Darker variations of each color in your palette
Base Color
#8B4513#8B4513
#6F370F
#53290B
#381C08
#1C0E04
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#8B4513#8B4513
#A26A42
#B98F71
#D1B5A1
#E8DAD0
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #8B4513 |  |
| RGB | 139, 69, 19 | |
| HSL | 25, 76%, 31% | |
| CMYK | 0%, 50%, 86%, 45% | |
| OKLCH | oklch(0.471 0.112 51) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#8B4513#8B131D
#8B4513
#8B8113
Analogous
#8B4513
#13598B
Complementary
#8B4513
#138B45
#45138B
Triadic
#8B4513
#138B81
#131D8B
Split Complementary
#8B4513
#1D8B13
#13598B
#81138B
Tetradic
#5A2D0C
#9D4E15
#E06F1F
#EA9A62
#F3C6A5
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#8B4513#8B1313
#8B8B13
#138B13
#138B8B
#13138B
#8B138B
Hues
Tones
Tones created by adding gray to each color
Base Color
#8B4513#8B4513
#895129
#875D3F
#846854
#82746A
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#8B4513#9C4912
#AE4E11
#BF5210
Warmer
#854936
#7E4E5A
#78527D
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#8B4513On White Background
Sample Text
Contrast Ratio:7.10: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)