Named color · #77EEBB
Jittery Jade
Jittery Jade is #77EEBB: rgb(119 238 187), hsl(154 78% 70%), oklch(0.866 0.131 163.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Jittery Jade color name →
#77EEBB
oklch(0.866 0.131 163.5)
Color conversions
- HEX
- #77eebb
- RGB
- rgb(119 238 187)
- HSL
- hsl(154 78% 70%)
- HWB
- hwb(154 47% 7%)
- OKLCH
- oklch(0.866 0.131 163.5)
- OKLab
- oklab(0.866 -0.126 0.037)
- CIE Lab
- lab(86.21 -44.07 13.99)
- LCH
- lch(86.21 46.24 162.4)
- CMYK
- cmyk(50% 0% 21% 7%)
Tints · Shades · Tones
Tints
- 88F0C2
- 98F2C9
- A6F4CF
- B4F6D6
- C2F7DD
- CEF9E4
- DBFBEA
- E7FCF1
- F3FEF8
Shades
- 67CFA2
- 57B18A
- 479373
- 38775C
- 2A5C46
- 1C4232
- 102A1F
- 05140D
- 010302
Tones
- 7BE3B5
- 7ED7AF
- 80CCA9
- 81C1A3
- 82B69D
- 83AB97
- 83A091
- 82958C
- 818B86
Color harmonies
Complementary +180°
- 77EEBB
Jittery Jade
- FFBBE3
≈ Bubblegum Heart
Analogous -30° +30°
- 77EEBB
Jittery Jade
- B0E68B
≈ Sage Sensation
- 4BEEEB
≈ Phosphorescent Blue
Triadic +120° +240°
- 77EEBB
Jittery Jade
- CCCEFF
≈ Lavender Blue
- FFC3AB
≈ Gadabout
Split-complementary +150° +210°
- 77EEBB
Jittery Jade
- E9C1FF
≈ Jane Purple
- FFC0C5
≈ Piglet
Tetradic +90° +180° +270°
- 77EEBB
Jittery Jade
- B5D6FF
≈ Ice Cold Stare
- FFBBE3
≈ Bubblegum Heart
- FFC87E
≈ Beige Topaz
Contrast & accessibility
Ag
FailOn white
WCAG 1.42:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.73:1 · APCA Lc 83
Best text color: #000000
WCAG 14.73:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--jittery-jade: #77eebb;
--jittery-jade-rgb: 119 238 187;
--jittery-jade-oklch: oklch(0.866 0.131 163.5);
}
.element {
color: var(--jittery-jade);
background-color: hsl(154 78% 70%);
border-color: oklch(0.866 0.131 163.5);
}Tailwind CSS v4
@theme {
--color-jittery-jade: #77eebb;
--color-jittery-jade-50: #d3ffec;
--color-jittery-jade-100: #bff6dd;
--color-jittery-jade-200: #9ee7c7;
--color-jittery-jade-300: #70cda7;
--color-jittery-jade-400: #43b689;
--color-jittery-jade-500: #00a06d;
--color-jittery-jade-600: #00875d;
--color-jittery-jade-700: #006d4a;
--color-jittery-jade-800: #005034;
--color-jittery-jade-900: #013823;
--color-jittery-jade-950: #002212;
}SCSS
$jittery-jade: #77eebb;
$jittery-jade-rgb: 119, 238, 187;
$jittery-jade-light: mix(#fff, $jittery-jade, 20%);
$jittery-jade-dark: mix(#000, $jittery-jade, 20%);
.element {
color: $jittery-jade;
box-shadow: 0 0 0 2px rgba($jittery-jade, 0.35);
}