Colore con nome · #95B388
Foliage
Foliage è #95B388: rgb(149 179 136), hsl(102 22% 62%), oklch(0.733 0.069 136.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Foliage color name →
#95B388
oklch(0.733 0.069 136.3)
Conversioni di colore
- HEX
- #95b388
- RGB
- rgb(149 179 136)
- HSL
- hsl(102 22% 62%)
- HWB
- hwb(102 53% 30%)
- OKLCH
- oklch(0.733 0.069 136.3)
- OKLab
- oklab(0.733 -0.05 0.048)
- CIE Lab
- lab(69.82 -16.72 18.51)
- LCH
- lch(69.82 24.94 132.1)
- CMYK
- cmyk(17% 0% 24% 30%)
Tinte · Ombre · Toni
Tinte
- 9FBA94
- AAC29F
- B4CAAB
- BED1B7
- C9D9C3
- D4E0CE
- DEE8DA
- E9F0E7
- F4F7F3
Ombre
- 819B75
- 6D8463
- 5A6E52
- 485841
- 374331
- 262F22
- 161D13
- 080C06
- 010101
Toni
- 93AE87
- 91A987
- 8FA486
- 8D9E85
- 8B9985
- 899484
- 868F83
- 848A82
- 828581
Armonie di colore
Complementare +180°
- 95B388
Foliage
- BA9CC6
≈ Crocus Petal
Analogo -30° +30°
- 95B388
Foliage
- AEAC79
≈ Stuffed Olive
- 7EB79F
≈ Key Largo
Triadico +120° +240°
- 95B388
Foliage
- 8DABD4
≈ Boy Blue
- D0979A
≈ Tobermory
Complementare divisa +150° +210°
- 95B388
Foliage
- A4A3D3
≈ Water Hyacinth
- C997B1
≈ Morning Glory Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.31:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.08:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.08:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--foliage: #95b388;
--foliage-rgb: 149 179 136;
--foliage-oklch: oklch(0.733 0.069 136.3);
}
.element {
color: var(--foliage);
background-color: hsl(102 22% 62%);
border-color: oklch(0.733 0.069 136.3);
}Tailwind CSS v4
@theme {
--color-foliage: #95b388;
--color-foliage-50: #ecfae7;
--color-foliage-100: #ddeed8;
--color-foliage-200: #c6dcc0;
--color-foliage-300: #a6c09e;
--color-foliage-400: #8ca880;
--color-foliage-500: #719163;
--color-foliage-600: #607b54;
--color-foliage-700: #4d6243;
--color-foliage-800: #38482f;
--color-foliage-900: #273220;
--color-foliage-950: #151e10;
}SCSS
$foliage: #95b388;
$foliage-rgb: 149, 179, 136;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}