Hazel Color
#8E7618
Shades
Darker variations of each color in your palette
Base Color
#8E7618#8E7618
#725E13
#55470E
#392F0A
#1C1805
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#8E7618#8E7618
#A59146
#BBAD74
#D2C8A3
#E8E4D1
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #8E7618 |  |
| RGB | 142, 118, 24 | |
| HSL | 48, 71%, 33% | |
| CMYK | 0%, 17%, 83%, 44% | |
| OKLCH | oklch(0.573 0.109 93) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#8E7618#903C18
#8E7618
#6C9018
Analogous
#8E7618
#183090
Complementary
#8E7618
#189078
#781890
Triadic
#8E7618
#186C90
#3C1890
Split Complementary
#8E7618
#18903C
#183090
#90186C
Tetradic
#57490F
#997F1A
#DAB625
#E5CC66
#F0E2A8
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#8E7618#901818
#909018
#189018
#189090
#181890
#901890
Hues
Tones
Tones created by adding gray to each color
Base Color
#8E7618#8E7618
#8B782D
#887A42
#867C56
#837E6B
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#8E7618#9F7717
#B07816
#C17815
Warmer
#88773B
#81785D
#7B7880
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#8E7618On White Background
Sample Text
Contrast Ratio:4.42:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:4.75: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)