Walnut Color
#5C4033
Shades
Darker variations of each color in your palette
Base Color
#5C4033#5C4033
#4A3329
#37261F
#251A14
#120D0A
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#5C4033#5C4033
#7D665C
#9D8C85
#BEB3AD
#DED9D6
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #5C4033 |  |
| RGB | 92, 64, 51 | |
| HSL | 19, 29%, 28% | |
| CMYK | 0%, 30%, 45%, 64% | |
| OKLCH | oklch(0.399 0.045 46) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#5C4033#5C333A
#5C4033
#5C5533
Analogous
#5C4033
#334F5C
Complementary
#5C4033
#335C40
#40335C
Triadic
#5C4033
#335C55
#333A5C
Split Complementary
#5C4033
#3A5C33
#334F5C
#55335C
Tetradic
#422E24
#73503F
#A4725B
#C09C8C
#DBC7BD
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#5C4033#5C3333
#5C5C33
#335C33
#335C5C
#33335C
#5C335C
Hues
Tones
Tones created by adding gray to each color
Base Color
#5C4033#5C4033
#634D42
#6A5A52
#726661
#797371
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#5C4033#744531
#8D4A2E
#A54E2C
Warmer
#584552
#544A70
#504E8F
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#5C4033On White Background
Sample Text
Contrast Ratio:9.39:1
WCAG Level:AAA
PASS
On Black Background
Sample Text
Contrast Ratio:2.24: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)