لون مسمّى · #879C67
Agave Plant
Agave Plant هو #879C67: rgb(135 156 103)، hsl(84 21% 51%)، oklch(0.663 0.078 126). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Agave Plant color name →
#879C67
oklch(0.663 0.078 126)
تحويلات الألوان
- HEX
- #879c67
- RGB
- rgb(135 156 103)
- HSL
- hsl(84 21% 51%)
- HWB
- hwb(84 40% 39%)
- OKLCH
- oklch(0.663 0.078 126)
- OKLab
- oklab(0.663 -0.046 0.063)
- CIE Lab
- lab(61.69 -14.75 25.24)
- LCH
- lch(61.69 29.24 120.3)
- CMYK
- cmyk(13% 0% 34% 39%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 92A676
- 9EAF85
- AAB994
- B5C3A3
- C1CDB2
- CDD7C1
- DAE1D0
- E6EBE0
- F2F5EF
درجات داكنة
- 758759
- 63734B
- 515F3D
- 414C30
- 313923
- 212817
- 13180C
- 060904
- 010100
درجات رمادية
- 86996A
- 86976D
- 859470
- 849172
- 848E75
- 838B77
- 828979
- 81867C
- 81837E
تناسق الألوان
متمم +180°
- 879C67
Agave Plant
- 9F87B9
≈ Peony Mauve
متجاور -30° +30°
- 879C67
Agave Plant
- A1935A
≈ Desert Yellow
- 6AA27F
≈ Sea Lettuce
ثلاثي +120° +240°
- 879C67
Agave Plant
- 6A98C0
≈ Windstorm
- BD7F8C
≈ Lipstick Pink
متمم منقسم +150° +210°
- 879C67
Agave Plant
- 868FC3
≈ Safflowerish Sky
- B281A5
≈ Purple Stripe
رباعي +90° +180° +270°
- 879C67
Agave Plant
- 569FB2
≈ Inuit
- 9F87B9
≈ Peony Mauve
- BE8272
≈ Kitchen Terra Cotta
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.00:1 · APCA Lc 57
Ag
AAعلى الأسود
WCAG 6.98:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 6.98:1 (AA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--agave-plant: #879c67;
--agave-plant-rgb: 135 156 103;
--agave-plant-oklch: oklch(0.663 0.078 126);
}
.element {
color: var(--agave-plant);
background-color: hsl(84 21% 51%);
border-color: oklch(0.663 0.078 126);
}Tailwind CSS v4
@theme {
--color-agave-plant: #879c67;
--color-agave-plant-50: #effae2;
--color-agave-plant-100: #e0edd2;
--color-agave-plant-200: #cbdbb8;
--color-agave-plant-300: #acc095;
--color-agave-plant-400: #93a774;
--color-agave-plant-500: #799055;
--color-agave-plant-600: #677a49;
--color-agave-plant-700: #52613a;
--color-agave-plant-800: #3d4728;
--color-agave-plant-900: #2a311b;
--color-agave-plant-950: #171d0b;
}SCSS
$agave-plant: #879c67;
$agave-plant-rgb: 135, 156, 103;
$agave-plant-light: mix(#fff, $agave-plant, 20%);
$agave-plant-dark: mix(#000, $agave-plant, 20%);
.element {
color: $agave-plant;
box-shadow: 0 0 0 2px rgba($agave-plant, 0.35);
}