Clay Color
#B87333
Shades
Darker variations of each color in your palette
Base Color
#B87333#B87333
#935C29
#6E451F
#4A2E14
#25170A
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#B87333#B87333
#C68F5C
#D4AB85
#E3C7AD
#F1E3D6
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #B87333 |  |
| RGB | 184, 115, 51 | |
| HSL | 29, 57%, 46% | |
| CMYK | 0%, 38%, 72%, 28% | |
| OKLCH | oklch(0.618 0.117 60) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#B87333#B83235
#B87333
#B8B632
Analogous
#B87333
#3278B8
Complementary
#B87333
#32B873
#7332B8
Triadic
#B87333
#32B8B6
#3235B8
Split Complementary
#B87333
#35B832
#3278B8
#B632B8
Tetradic
#503216
#8C5826
#C87D37
#D9A473
#E9CBAF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#B87333#B83232
#B8B832
#32B832
#32B8B8
#3232B8
#B832B8
Hues
Tones
Tones created by adding gray to each color
Base Color
#B87333#B87333
#AD7642
#A27852
#967B61
#8B7D71
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#B87333#C37431
#CD752E
#D8762C
Warmer
#B07452
#A77570
#9F768F
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#B87333On White Background
Sample Text
Contrast Ratio:3.79:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.54: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)