Colore con nome · #78AE48
Parakeet
Parakeet è #78AE48: rgb(120 174 72), hsl(92 41% 48%), oklch(0.691 0.145 132.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Parakeet color name →
#78AE48
oklch(0.691 0.145 132.5)
Conversioni di colore
- HEX
- #78ae48
- RGB
- rgb(120 174 72)
- HSL
- hsl(92 41% 48%)
- HWB
- hwb(92 28% 32%)
- OKLCH
- oklch(0.691 0.145 132.5)
- OKLab
- oklab(0.691 -0.098 0.107)
- CIE Lab
- lab(65.68 -31.49 45.28)
- LCH
- lch(65.68 55.15 124.8)
- CMYK
- cmyk(31% 0% 59% 32%)
Tinte · Ombre · Toni
Tinte
- 85B65D
- 92BF70
- A0C782
- ADCF94
- BAD7A6
- C8DFB8
- D6E7CA
- E3EFDB
- F1F7ED
Ombre
- 67973D
- 578033
- 486A29
- 39551F
- 2A4116
- 1D2E0D
- 101C06
- 050B02
- 010100
Toni
- 79AA50
- 7AA557
- 7BA15E
- 7C9C64
- 7D9869
- 7E936E
- 7E8E73
- 7F8A78
- 80857C
Armonie di colore
Complementare +180°
- 78AE48
Parakeet
- BA7FDC
≈ Lavender Blossom
Analogo -30° +30°
- 78AE48
Parakeet
- AD9E00
≈ Nuclear Fallout
- 1AB780
≈ April Fool’s Red
Triadico +120° +240°
- 78AE48
Parakeet
- 529FF3
≈ Feather Star
- E67183
≈ Zany Pink
Complementare divisa +150° +210°
- 78AE48
Parakeet
- 8F8EF2
≈ Perrywinkle
- D874B4
≈ Purple Hollyhock
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.64:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.94:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.94:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--parakeet: #78ae48;
--parakeet-rgb: 120 174 72;
--parakeet-oklch: oklch(0.691 0.145 132.5);
}
.element {
color: var(--parakeet);
background-color: hsl(92 41% 48%);
border-color: oklch(0.691 0.145 132.5);
}Tailwind CSS v4
@theme {
--color-parakeet: #78ae48;
--color-parakeet-50: #e4ffd5;
--color-parakeet-100: #d4f3c2;
--color-parakeet-200: #bae3a3;
--color-parakeet-300: #98c87b;
--color-parakeet-400: #7db051;
--color-parakeet-500: #5f991f;
--color-parakeet-600: #51811e;
--color-parakeet-700: #406818;
--color-parakeet-800: #304c0b;
--color-parakeet-900: #213507;
--color-parakeet-950: #102000;
}SCSS
$parakeet: #78ae48;
$parakeet-rgb: 120, 174, 72;
$parakeet-light: mix(#fff, $parakeet, 20%);
$parakeet-dark: mix(#000, $parakeet, 20%);
.element {
color: $parakeet;
box-shadow: 0 0 0 2px rgba($parakeet, 0.35);
}