أقرب لون مسمّى · #8CB186
#8CB186
أقرب لون مسمّى: Foliage
#8CB186 (rgb(140 177 134)، hsl(112 22% 61%)، oklch(0.722 0.073 141.1)) أقرب إلى اللون المسمّى Foliage. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#8CB186
oklch(0.722 0.073 141.1)
تحويلات الألوان
- HEX
- #8cb186
- RGB
- rgb(140 177 134)
- HSL
- hsl(112 22% 61%)
- HWB
- hwb(112 53% 31%)
- OKLCH
- oklch(0.722 0.073 141.1)
- OKLab
- oklab(0.722 -0.057 0.046)
- CIE Lab
- lab(68.61 -19.31 17.82)
- LCH
- lch(68.61 26.27 137.3)
- CMYK
- cmyk(21% 0% 24% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 97B992
- A2C09E
- AEC8A9
- B9D0B5
- C5D8C1
- D0DFCE
- DCE7DA
- E7EFE6
- F3F7F2
درجات داكنة
- 799974
- 678362
- 556C51
- 435740
- 334230
- 232F21
- 141C13
- 070C06
- 010101
درجات رمادية
- 8BAC86
- 8AA785
- 89A285
- 889D84
- 879884
- 859383
- 848F82
- 838A82
- 818581
تناسق الألوان
متمم +180°
- 8CB186
Foliage
- BB96C1
≈ Atlantic Tulip
متجاور -30° +30°
- 8CB186
Foliage
- A6AA74
≈ Cardamom
- 74B49F
≈ Beau Monde
ثلاثي +120° +240°
- 8CB186
Foliage
- 8BA6D4
≈ Rip Van Periwinkle
- CF9391
≈ Tongue
متمم منقسم +150° +210°
- 8CB186
Foliage
- A59DD0
≈ Wistful
- C992AB
≈ Bonny Belle
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.40:1 · APCA Lc 47
Ag
AAAعلى الأسود
WCAG 8.74:1 · APCA Lc 55
أفضل لون للنص: #000000
WCAG 8.74:1 (AAA) · APCA Lc 55
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--foliage: #8cb186;
--foliage-rgb: 140 177 134;
--foliage-oklch: oklch(0.722 0.073 141.1);
}
.element {
color: var(--foliage);
background-color: hsl(112 22% 61%);
border-color: oklch(0.722 0.073 141.1);
}Tailwind CSS v4
@theme {
--color-foliage: #8cb186;
--color-foliage-50: #e9fbe8;
--color-foliage-100: #daefd9;
--color-foliage-200: #c3ddc1;
--color-foliage-300: #a2c2a0;
--color-foliage-400: #87aa81;
--color-foliage-500: #6b9365;
--color-foliage-600: #5b7c56;
--color-foliage-700: #486344;
--color-foliage-800: #354930;
--color-foliage-900: #243221;
--color-foliage-950: #131e10;
}SCSS
$foliage: #8cb186;
$foliage-rgb: 140, 177, 134;
$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);
}