Jade Color
#00A86B
Shades
Darker variations of each color in your palette
Base Color
#00A86B#00A86B
#008656
#006540
#00432B
#002215
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#00A86B#00A86B
#33B989
#66CBA6
#99DCC4
#CCEEE1
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #00A86B |  |
| RGB | 0, 168, 107 | |
| HSL | 158, 100%, 33% | |
| CMYK | 100%, 0%, 36%, 34% | |
| OKLCH | oklch(0.645 0.149 159) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#00A86B#00A816
#00A86B
#0092A8
Analogous
#00A86B
#A8003E
Complementary
#00A86B
#6B00A8
#A86B00
Triadic
#00A86B
#A80092
#A81600
Split Complementary
#00A86B
#1600A8
#A8003E
#92A800
Tetradic
#006641
#00B371
#00FFA2
#4DFFBE
#99FFDA
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#00A86B#A80000
#A8A800
#00A800
#00A8A8
#0000A8
#A800A8
Hues
Tones
Tones created by adding gray to each color
Base Color
#00A86B#00A86B
#1AA06F
#339873
#4D9078
#66887C
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#00A86B#26A566
#4DA261
#739F5D
Warmer
#00A581
#00A297
#009FAE
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#00A86BOn White Background
Sample Text
Contrast Ratio:3.08:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:6.81: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)