Eucalyptus Color
#7BB661
Shades
Darker variations of each color in your palette
Base Color
#7BB661#7BB661
#62924E
#4A6D3A
#314927
#192413
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#7BB661#7BB661
#95C581
#B0D3A0
#CAE2C0
#E5F0DF
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #7BB661 |  |
| RGB | 123, 182, 97 | |
| HSL | 102, 37%, 55% | |
| CMYK | 32%, 0%, 47%, 29% | |
| OKLCH | oklch(0.716 0.132 137) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#7BB661#A6B762
#7BB661
#62B773
Analogous
#7BB661
#9D62B7
Complementary
#7BB661
#627BB7
#B7627B
Triadic
#7BB661
#7362B7
#B762A6
Split Complementary
#7BB661
#62A6B7
#9D62B7
#B77362
Tetradic
#2B4620
#4C7A38
#6DAF50
#99C785
#C4DFB9
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#7BB661#B76262
#B7B762
#62B762
#62B7B7
#6262B7
#B762B7
Hues
Tones
Tones created by adding gray to each color
Base Color
#7BB661#7BB661
#7CAB67
#7DA06D
#7E9674
#7F8B7A
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#7BB661#8FB25D
#A3AE58
#B6AA54
Warmer
#75B279
#70AE90
#6AAAA8
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#7BB661On White Background
Sample Text
Contrast Ratio:2.41:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:8.71:1
WCAG Level:AAA
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)