Named color · #9DCA7B
Jade Lime
Jade Lime is #9DCA7B: rgb(157 202 123), hsl(94 43% 64%), oklch(0.788 0.116 132.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Jade Lime color name →
#9DCA7B
oklch(0.788 0.116 132.7)
Color conversions
- HEX
- #9dca7b
- RGB
- rgb(157 202 123)
- HSL
- hsl(94 43% 64%)
- HWB
- hwb(94 48% 21%)
- OKLCH
- oklch(0.788 0.116 132.7)
- OKLab
- oklab(0.788 -0.079 0.086)
- CIE Lab
- lab(76.71 -25.81 34.42)
- LCH
- lch(76.71 43.02 126.9)
- CMYK
- cmyk(22% 0% 39% 21%)
Tints · Shades · Tones
Tints
- A7CF89
- B0D596
- BADAA3
- C4E0B1
- CEE5BE
- D7EACB
- E1EFD8
- EBF5E5
- F5FAF2
Shades
- 88AF6A
- 73955A
- 5F7C4A
- 4C643A
- 3A4D2C
- 28371E
- 182210
- 090F05
- 010201
Tones
- 9AC27C
- 97BB7D
- 95B47E
- 92AC7F
- 8FA580
- 8C9D80
- 899680
- 868F80
- 838780
Color harmonies
Complementary +180°
- 9DCA7B
Jade Lime
- D4A4EF
≈ Bright Ube
Analogous -30° +30°
- 9DCA7B
Jade Lime
- C8BD5F
≈ Lemon Lime Mojito
- 6CD1A4
≈ Crystal Gem
Triadic +120° +240°
- 9DCA7B
Jade Lime
- 86BEFF
≈ Scenic Water
- FB9AA5
≈ Salmon Tartare
Split-complementary +150° +210°
- 9DCA7B
Jade Lime
- AFB1FF
≈ Winterspring Lilac
- EE9CCE
≈ Pearly Pink
Tetradic +90° +180° +270°
- 9DCA7B
Jade Lime
- 56CAF0
≈ Thor’s Thunder
- D4A4EF
≈ Bright Ube
- F9A17D
≈ Papaya Punch
Contrast & accessibility
Ag
FailOn white
WCAG 1.88:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.16:1 · APCA Lc 67
Best text color: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--jade-lime: #9dca7b;
--jade-lime-rgb: 157 202 123;
--jade-lime-oklch: oklch(0.788 0.116 132.7);
}
.element {
color: var(--jade-lime);
background-color: hsl(94 43% 64%);
border-color: oklch(0.788 0.116 132.7);
}Tailwind CSS v4
@theme {
--color-jade-lime: #9dca7b;
--color-jade-lime-50: #e7fddc;
--color-jade-lime-100: #d8f1ca;
--color-jade-lime-200: #bfe0ae;
--color-jade-lime-300: #9ec588;
--color-jade-lime-400: #84ad64;
--color-jade-lime-500: #67963f;
--color-jade-lime-600: #587f37;
--color-jade-lime-700: #46662c;
--color-jade-lime-800: #344a1c;
--color-jade-lime-900: #233412;
--color-jade-lime-950: #121f05;
}SCSS
$jade-lime: #9dca7b;
$jade-lime-rgb: 157, 202, 123;
$jade-lime-light: mix(#fff, $jade-lime, 20%);
$jade-lime-dark: mix(#000, $jade-lime, 20%);
.element {
color: $jade-lime;
box-shadow: 0 0 0 2px rgba($jade-lime, 0.35);
}