Colore con nome · #B1E5AA
Appetite
Appetite è #B1E5AA: rgb(177 229 170), hsl(113 53% 78%), oklch(0.871 0.096 141.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Appetite color name →
#B1E5AA
oklch(0.871 0.096 141.7)
Conversioni di colore
- HEX
- #b1e5aa
- RGB
- rgb(177 229 170)
- HSL
- hsl(113 53% 78%)
- HWB
- hwb(113 67% 10%)
- OKLCH
- oklch(0.871 0.096 141.7)
- OKLab
- oklab(0.871 -0.076 0.06)
- CIE Lab
- lab(86.2 -25.61 23.23)
- LCH
- lch(86.2 34.58 137.8)
- CMYK
- cmyk(23% 0% 26% 10%)
Tinte · Ombre · Toni
Tinte
- B9E8B3
- C1EABB
- C9EDC4
- D1F0CC
- D8F2D5
- E0F5DD
- E8F8E6
- F0FAEE
- F7FDF7
Ombre
- 99C793
- 83AA7D
- 6C8E68
- 577253
- 42583F
- 2F3F2D
- 1C281B
- 0C120B
- 010301
Toni
- ACDBA6
- A7D0A2
- A3C69E
- 9EBC9A
- 99B195
- 94A791
- 8F9D8D
- 8A9489
- 858A84
Armonie di colore
Complementare +180°
- B1E5AA
Appetite
- F3C0FB
≈ Electric Lavender
Analogo -30° +30°
- B1E5AA
Appetite
- D6DB90
≈ Wax Green
- 8FE9CD
≈ Bubble Algae
Triadico +120° +240°
- B1E5AA
Appetite
- BED5FF
≈ Pale Phthalo Blue
- FFC3C0
≈ Ladylike
Complementare divisa +150° +210°
- B1E5AA
Appetite
- D4CDFF
≈ Lavender Blue
- FFBFDA
≈ Cotton Candy
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.65:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.65:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--appetite: #b1e5aa;
--appetite-rgb: 177 229 170;
--appetite-oklch: oklch(0.871 0.096 141.7);
}
.element {
color: var(--appetite);
background-color: hsl(113 53% 78%);
border-color: oklch(0.871 0.096 141.7);
}Tailwind CSS v4
@theme {
--color-appetite: #b1e5aa;
--color-appetite-50: #e5fde4;
--color-appetite-100: #d6f1d4;
--color-appetite-200: #bce0bb;
--color-appetite-300: #9ac598;
--color-appetite-400: #7ead78;
--color-appetite-500: #609659;
--color-appetite-600: #527f4c;
--color-appetite-700: #41663d;
--color-appetite-800: #304a2a;
--color-appetite-900: #21341c;
--color-appetite-950: #101f0c;
}SCSS
$appetite: #b1e5aa;
$appetite-rgb: 177, 229, 170;
$appetite-light: mix(#fff, $appetite, 20%);
$appetite-dark: mix(#000, $appetite, 20%);
.element {
color: $appetite;
box-shadow: 0 0 0 2px rgba($appetite, 0.35);
}