Colore con nome · #26B467
Green Mana
Green Mana è #26B467: rgb(38 180 103), hsl(147 65% 43%), oklch(0.68 0.162 153.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Mana color name →
#26B467
oklch(0.68 0.162 153.5)
Conversioni di colore
- HEX
- #26b467
- RGB
- rgb(38 180 103)
- HSL
- hsl(147 65% 43%)
- HWB
- hwb(147 15% 29%)
- OKLCH
- oklch(0.68 0.162 153.5)
- OKLab
- oklab(0.68 -0.145 0.072)
- CIE Lab
- lab(64.94 -51.13 28.45)
- LCH
- lch(64.94 58.51 150.9)
- CMYK
- cmyk(79% 0% 43% 29%)
Tinte · Ombre · Toni
Tinte
- 4ABC76
- 63C485
- 79CB94
- 8ED3A3
- A2DAB2
- B5E2C1
- C8E9D1
- DAF1E0
- EDF8EF
Ombre
- 209C59
- 19854B
- 136E3D
- 0D5830
- 084423
- 043017
- 021D0C
- 010C04
- 000200
Toni
- 3AAF6A
- 48AA6D
- 53A570
- 5CA073
- 649B75
- 6B9678
- 71907A
- 778B7C
- 7C867E
Armonie di colore
Complementare +180°
- 26B467
Green Mana
- D26EC2
≈ Gulābī Pink
Analogo -30° +30°
- 26B467
Green Mana
- 85A817
≈ Avocado Green
- 00B0A0
≈ Billiard
Triadico +120° +240°
- 26B467
Green Mana
- 7A8EFB
≈ Lavender Blue Shadow
- EA6D52
≈ Entan Red
Complementare divisa +150° +210°
- 26B467
Green Mana
- AE7CE9
≈ Lavender Blossom
- E7678E
≈ Love Letter
Tetradico +90° +180° +270°
- 26B467
Green Mana
- 14A0F3
≈ Button Blue
- D26EC2
≈ Gulābī Pink
- D98000
≈ Orange Pepper
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.68:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.80:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--green-mana: #26b467;
--green-mana-rgb: 38 180 103;
--green-mana-oklch: oklch(0.68 0.162 153.5);
}
.element {
color: var(--green-mana);
background-color: hsl(147 65% 43%);
border-color: oklch(0.68 0.162 153.5);
}Tailwind CSS v4
@theme {
--color-green-mana: #26b467;
--color-green-mana-50: #d1ffe2;
--color-green-mana-100: #bdf9d1;
--color-green-mana-200: #9ae9b7;
--color-green-mana-300: #6bd093;
--color-green-mana-400: #3cb970;
--color-green-mana-500: #00a34f;
--color-green-mana-600: #008a44;
--color-green-mana-700: #006f36;
--color-green-mana-800: #005123;
--color-green-mana-900: #003917;
--color-green-mana-950: #002308;
}SCSS
$green-mana: #26b467;
$green-mana-rgb: 38, 180, 103;
$green-mana-light: mix(#fff, $green-mana, 20%);
$green-mana-dark: mix(#000, $green-mana, 20%);
.element {
color: $green-mana;
box-shadow: 0 0 0 2px rgba($green-mana, 0.35);
}