Dark Olive Color
#556B2F
Shades
Darker variations of each color in your palette
Base Color
#556B2F#556B2F
#445626
#33401C
#222B13
#111509
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#556B2F#556B2F
#778959
#99A682
#BBC4AC
#DDE1D5
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #556B2F |  |
| RGB | 85, 107, 47 | |
| HSL | 82, 39%, 30% | |
| CMYK | 21%, 0%, 56%, 58% | |
| OKLCH | oklch(0.496 0.090 126) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#556B2F#6A622F
#556B2F
#376A2F
Analogous
#556B2F
#452F6A
Complementary
#556B2F
#2F546A
#6A2F54
Triadic
#556B2F
#2F376A
#622F6A
Split Complementary
#556B2F
#2F6A62
#452F6A
#6A2F37
Tetradic
#38471F
#637C36
#8DB14E
#AFC983
#D1E0B8
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#556B2F#6A2F2F
#6A6A2F
#2F6A2F
#2F6A6A
#2F2F6A
#6A2F6A
Hues
Tones
Tones created by adding gray to each color
Base Color
#556B2F#556B2F
#5E6F3F
#66734F
#6F7860
#777C70
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#556B2F#6F6D2D
#886E2B
#A27029
Warmer
#516D4E
#4D6E6D
#4A708D
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#556B2FOn White Background
Sample Text
Contrast Ratio:5.95:1
WCAG Level:AA
PASS
On Black Background
Sample Text
Contrast Ratio:3.53:1
WCAG Level:AA Large
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)