Colore con nome · #8EB826
Cocktail Green
Cocktail Green è #8EB826: rgb(142 184 38), hsl(77 66% 44%), oklch(0.726 0.17 125.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Cocktail Green color name →
#8EB826
oklch(0.726 0.17 125.1)
Conversioni di colore
- HEX
- #8eb826
- RGB
- rgb(142 184 38)
- HSL
- hsl(77 66% 44%)
- HWB
- hwb(77 15% 28%)
- OKLCH
- oklch(0.726 0.17 125.1)
- OKLab
- oklab(0.726 -0.098 0.139)
- CIE Lab
- lab(69.82 -29.13 62.61)
- LCH
- lch(69.82 69.06 114.9)
- CMYK
- cmyk(23% 0% 79% 28%)
Tinte · Ombre · Toni
Tinte
- 99BF47
- A4C760
- AFCE76
- BAD58B
- C5DC9F
- D0E4B2
- DCEAC6
- E7F1D9
- F3F8EC
Ombre
- 7BA020
- 688819
- 567113
- 445B0D
- 344508
- 243104
- 151E02
- 070C01
- 010200
Toni
- 8DB339
- 8BAD46
- 8AA851
- 88A25A
- 879D62
- 869769
- 84916F
- 838C75
- 81867B
Armonie di colore
Complementare +180°
- 8EB826
Cocktail Green
- C087FB
≈ Lilac Geode
Analogo -30° +30°
- 8EB826
Cocktail Green
- C4A400
≈ La Vida
- 24C576
≈ Algal Fuel
Triadico +120° +240°
- 8EB826
Cocktail Green
- 43AEFF
≈ Adamantine Blue
- FB7298
≈ Blush Hour
Complementare divisa +150° +210°
- 8EB826
Cocktail Green
- 8D9EFF
≈ Periwinkle Blue
- E679D0
≈ Hibiscus Pop
Tetradico +90° +180° +270°
- 8EB826
Cocktail Green
- 00BAD9
≈ Maldives
- C087FB
≈ Lilac Geode
- FE7958
≈ Melon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.03:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--cocktail-green: #8eb826;
--cocktail-green-rgb: 142 184 38;
--cocktail-green-oklch: oklch(0.726 0.17 125.1);
}
.element {
color: var(--cocktail-green);
background-color: hsl(77 66% 44%);
border-color: oklch(0.726 0.17 125.1);
}Tailwind CSS v4
@theme {
--color-cocktail-green: #8eb826;
--color-cocktail-green-50: #e8ffcb;
--color-cocktail-green-100: #d8f3b6;
--color-cocktail-green-200: #c0e292;
--color-cocktail-green-300: #a0c763;
--color-cocktail-green-400: #87af28;
--color-cocktail-green-500: #6c9700;
--color-cocktail-green-600: #5c8000;
--color-cocktail-green-700: #496700;
--color-cocktail-green-800: #384b00;
--color-cocktail-green-900: #263400;
--color-cocktail-green-950: #141f00;
}SCSS
$cocktail-green: #8eb826;
$cocktail-green-rgb: 142, 184, 38;
$cocktail-green-light: mix(#fff, $cocktail-green, 20%);
$cocktail-green-dark: mix(#000, $cocktail-green, 20%);
.element {
color: $cocktail-green;
box-shadow: 0 0 0 2px rgba($cocktail-green, 0.35);
}