لون مسمّى · #95B388
Foliage
Foliage هو #95B388: rgb(149 179 136)، hsl(102 22% 62%)، oklch(0.733 0.069 136.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Foliage color name →
#95B388
oklch(0.733 0.069 136.3)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9FBA94
- AAC29F
- B4CAAB
- BED1B7
- C9D9C3
- D4E0CE
- DEE8DA
- E9F0E7
- F4F7F3
درجات داكنة
- 819B75
- 6D8463
- 5A6E52
- 485841
- 374331
- 262F22
- 161D13
- 080C06
- 010101
درجات رمادية
- 93AE87
- 91A987
- 8FA486
- 8D9E85
- 8B9985
- 899484
- 868F83
- 848A82
- 828581
تناسق الألوان
متمم +180°
- 95B388
Foliage
- BA9CC6
≈ Crocus Petal
متجاور -30° +30°
- 95B388
Foliage
- AEAC79
≈ Stuffed Olive
- 7EB79F
≈ Key Largo
ثلاثي +120° +240°
- 95B388
Foliage
- 8DABD4
≈ Boy Blue
- D0979A
≈ Tobermory
متمم منقسم +150° +210°
- 95B388
Foliage
- A4A3D3
≈ Water Hyacinth
- C997B1
≈ Morning Glory Pink
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.31:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 9.08:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 9.08:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
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);
}