Named color · #769C18
Luminescent Green
Luminescent Green is #769C18: rgb(118 156 24), hsl(77 73% 35%), oklch(0.641 0.155 125.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Luminescent Green color name →
#769C18
oklch(0.641 0.155 125.6)
Color conversions
- HEX
- #769c18
- RGB
- rgb(118 156 24)
- HSL
- hsl(77 73% 35%)
- HWB
- hwb(77 9% 39%)
- OKLCH
- oklch(0.641 0.155 125.6)
- OKLab
- oklab(0.641 -0.09 0.126)
- CIE Lab
- lab(59.82 -26.76 57)
- LCH
- lch(59.82 62.97 115.2)
- CMYK
- cmyk(24% 0% 85% 39%)
Tints · Shades · Tones
Tints
- 83A63C
- 90B056
- 9DBA6C
- ABC482
- B8CE97
- C6D8AC
- D4E2C1
- E2EBD5
- F0F5EA
Shades
- 668713
- 56730F
- 475F0A
- 384C07
- 293904
- 1C2802
- 0F1801
- 050900
- 010100
Tones
- 77992E
- 78973C
- 799448
- 7A9252
- 7B8F5B
- 7C8C63
- 7D896B
- 7E8672
- 7F8379
Color harmonies
Complementary +180°
- 769C18
Luminescent Green
- A470D6
≈ Rich Lavender
Analogous -30° +30°
- 769C18
Luminescent Green
- A58B00
≈ Guava Green
- 0AA762
≈ Greedo Green
Triadic +120° +240°
- 769C18
Luminescent Green
- 1C93E4
≈ Pervenche
- D75E7F
≈ Peppermint Swirl
Split-complementary +150° +210°
- 769C18
Luminescent Green
- 7481E9
≈ Soft Blue
- C564B1
≈ Pú Táo Zǐ Purple
Tetradic +90° +180° +270°
- 769C18
Luminescent Green
- 009DB8
≈ Brilliant Sea
- A470D6
≈ Rich Lavender
- DA6446
≈ Old Cheddar
Contrast & accessibility
Ag
FailOn white
WCAG 3.21:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.53:1 · APCA Lc 43
Best text color: #000000
WCAG 6.53:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--luminescent-green: #769c18;
--luminescent-green-rgb: 118 156 24;
--luminescent-green-oklch: oklch(0.641 0.155 125.6);
}
.element {
color: var(--luminescent-green);
background-color: hsl(77 73% 35%);
border-color: oklch(0.641 0.155 125.6);
}Tailwind CSS v4
@theme {
--color-luminescent-green: #769c18;
--color-luminescent-green-50: #e9fecf;
--color-luminescent-green-100: #d9f2bb;
--color-luminescent-green-200: #c2e199;
--color-luminescent-green-300: #a1c66d;
--color-luminescent-green-400: #88ae3c;
--color-luminescent-green-500: #6e9600;
--color-luminescent-green-600: #5d7f00;
--color-luminescent-green-700: #4a6600;
--color-luminescent-green-800: #384a00;
--color-luminescent-green-900: #263400;
--color-luminescent-green-950: #151f00;
}SCSS
$luminescent-green: #769c18;
$luminescent-green-rgb: 118, 156, 24;
$luminescent-green-light: mix(#fff, $luminescent-green, 20%);
$luminescent-green-dark: mix(#000, $luminescent-green, 20%);
.element {
color: $luminescent-green;
box-shadow: 0 0 0 2px rgba($luminescent-green, 0.35);
}