Colore con nome · #78AD6D
Alfalfa Bug
Alfalfa Bug è #78AD6D: rgb(120 173 109), hsl(110 28% 55%), oklch(0.694 0.107 140.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Alfalfa Bug color name →
#78AD6D
oklch(0.694 0.107 140.2)
Conversioni di colore
- HEX
- #78ad6d
- RGB
- rgb(120 173 109)
- HSL
- hsl(110 28% 55%)
- HWB
- hwb(110 43% 32%)
- OKLCH
- oklch(0.694 0.107 140.2)
- OKLab
- oklab(0.694 -0.082 0.068)
- CIE Lab
- lab(65.8 -27.61 27.13)
- LCH
- lch(65.8 38.71 135.5)
- CMYK
- cmyk(31% 0% 37% 32%)
Tinte · Ombre · Toni
Tinte
- 85B57B
- 93BD8A
- A0C698
- ADCEA7
- BBD6B5
- C8DEC4
- D6E6D2
- E4EFE1
- F1F7F0
Ombre
- 67965E
- 577F4F
- 486A41
- 395533
- 2A4126
- 1D2D19
- 101B0D
- 050B04
- 010101
Toni
- 79A96F
- 7AA472
- 7CA074
- 7C9B76
- 7D9778
- 7E927A
- 7F8E7B
- 7F897D
- 80857F
Armonie di colore
Complementare +180°
- 78AD6D
Alfalfa Bug
- BA86C6
≈ Lavender Sweater
Analogo -30° +30°
- 78AD6D
Alfalfa Bug
- A0A24F
≈ Reed Green
- 4BB293
≈ Green Blue
Triadico +120° +240°
- 78AD6D
Alfalfa Bug
- 769DDF
≈ Ice Blue
- D78181
≈ York Pink
Complementare divisa +150° +210°
- 78AD6D
Alfalfa Bug
- 9C91DA
≈ Middy’s Purple
- CF80A6
≈ Moonlight Mauve
Tetradico +90° +180° +270°
- 78AD6D
Alfalfa Bug
- 4BA9D2
≈ Mystic Blue
- BA86C6
≈ Lavender Sweater
- D2885E
≈ Georgian Leather
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.62:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.99:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--alfalfa-bug: #78ad6d;
--alfalfa-bug-rgb: 120 173 109;
--alfalfa-bug-oklch: oklch(0.694 0.107 140.2);
}
.element {
color: var(--alfalfa-bug);
background-color: hsl(110 28% 55%);
border-color: oklch(0.694 0.107 140.2);
}Tailwind CSS v4
@theme {
--color-alfalfa-bug: #78ad6d;
--color-alfalfa-bug-50: #e4fee1;
--color-alfalfa-bug-100: #d4f2d1;
--color-alfalfa-bug-200: #bbe0b7;
--color-alfalfa-bug-300: #98c693;
--color-alfalfa-bug-400: #7cae71;
--color-alfalfa-bug-500: #5e9752;
--color-alfalfa-bug-600: #508046;
--color-alfalfa-bug-700: #3f6637;
--color-alfalfa-bug-800: #2f4b26;
--color-alfalfa-bug-900: #203419;
--color-alfalfa-bug-950: #0f1f0a;
}SCSS
$alfalfa-bug: #78ad6d;
$alfalfa-bug-rgb: 120, 173, 109;
$alfalfa-bug-light: mix(#fff, $alfalfa-bug, 20%);
$alfalfa-bug-dark: mix(#000, $alfalfa-bug, 20%);
.element {
color: $alfalfa-bug;
box-shadow: 0 0 0 2px rgba($alfalfa-bug, 0.35);
}