Dark Sage Color
#5E8C31
Shades
Darker variations of each color in your palette
Base Color
#5E8C31#5E8C31
#4B7027
#38541D
#263814
#131C0A
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#5E8C31#5E8C31
#7EA35A
#9EBA83
#BFD1AD
#DFE8D6
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #5E8C31 |  |
| RGB | 94, 140, 49 | |
| HSL | 90, 48%, 37% | |
| CMYK | 33%, 0%, 65%, 45% | |
| OKLCH | oklch(0.587 0.131 132) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#5E8C31#8C8C31
#5E8C31
#318C31
Analogous
#5E8C31
#5E318C
Complementary
#5E8C31
#315E8C
#8C315E
Triadic
#5E8C31
#31318C
#8C318C
Split Complementary
#5E8C31
#318C8C
#5E318C
#8C3131
Tetradic
#334B1B
#59842E
#80BD42
#A6D17B
#CCE4B4
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#5E8C31#8C3131
#8C8C31
#318C31
#318C8C
#31318C
#8C318C
Hues
Tones
Tones created by adding gray to each color
Base Color
#5E8C31#5E8C31
#658A41
#6C8751
#728560
#798270
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#5E8C31#768B2F
#8E8A2D
#A6892A
Warmer
#5A8B50
#568A6F
#51898E
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#5E8C31On White Background
Sample Text
Contrast Ratio:3.98:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.27: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)