Named color · #77A276
Jadesheen
Jadesheen is #77A276: rgb(119 162 118), hsl(119 19% 55%), oklch(0.669 0.079 144.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Jadesheen color name →
#77A276
oklch(0.669 0.079 144.1)
Color conversions
- HEX
- #77a276
- RGB
- rgb(119 162 118)
- HSL
- hsl(119 19% 55%)
- HWB
- hwb(119 46% 36%)
- OKLCH
- oklch(0.669 0.079 144.1)
- OKLab
- oklab(0.669 -0.064 0.046)
- CIE Lab
- lab(62.6 -21.87 18.08)
- LCH
- lch(62.6 28.37 140.4)
- CMYK
- cmyk(27% 0% 27% 36%)
Tints · Shades · Tones
Tints
- 84AB83
- 92B490
- 9FBD9E
- ACC7AB
- BAD0B9
- C7D9C7
- D5E3D5
- E3ECE3
- F1F6F1
Shades
- 678C66
- 577756
- 476347
- 384F38
- 2A3C29
- 1C2A1C
- 10190F
- 050A05
- 010101
Tones
- 789F77
- 799B78
- 7A987A
- 7B957B
- 7C917C
- 7D8E7D
- 7E8A7D
- 7F877E
- 7F837F
Color harmonies
Complementary +180°
- 77A276
Jadesheen
- AE84B1
≈ African Violet
Analogous -30° +30°
- 77A276
Jadesheen
- 949B61
≈ Reptilian Leader
- 5DA591
≈ Polished Pine
Triadic +120° +240°
- 77A276
Jadesheen
- 7C95C6
≈ Steel Blue Eyes
- C1827D
≈ Cameo Brown
Split-complementary +150° +210°
- 77A276
Jadesheen
- 978CC1
≈ Hermosa
- BC8198
≈ Polignac
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.91:1 · APCA Lc 55
Ag
AAAOn black
WCAG 7.21:1 · APCA Lc 46
Best text color: #000000
WCAG 7.21:1 (AAA) · APCA Lc 46
Contrast pairs
Code snippets
CSS
:root {
--jadesheen: #77a276;
--jadesheen-rgb: 119 162 118;
--jadesheen-oklch: oklch(0.669 0.079 144.1);
}
.element {
color: var(--jadesheen);
background-color: hsl(119 19% 55%);
border-color: oklch(0.669 0.079 144.1);
}Tailwind CSS v4
@theme {
--color-jadesheen: #77a276;
--color-jadesheen-50: #e7fce8;
--color-jadesheen-100: #d8f0d9;
--color-jadesheen-200: #bfdec0;
--color-jadesheen-300: #9ec3a0;
--color-jadesheen-400: #82ab81;
--color-jadesheen-500: #659464;
--color-jadesheen-600: #567d55;
--color-jadesheen-700: #446444;
--color-jadesheen-800: #324930;
--color-jadesheen-900: #223320;
--color-jadesheen-950: #111f10;
}SCSS
$jadesheen: #77a276;
$jadesheen-rgb: 119, 162, 118;
$jadesheen-light: mix(#fff, $jadesheen, 20%);
$jadesheen-dark: mix(#000, $jadesheen, 20%);
.element {
color: $jadesheen;
box-shadow: 0 0 0 2px rgba($jadesheen, 0.35);
}