لون مسمّى · #5A6E6A
Agave Frond
Agave Frond هو #5A6E6A: rgb(90 110 106)، hsl(168 10% 39%)، oklch(0.521 0.025 181.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Agave Frond color name →
#5A6E6A
oklch(0.521 0.025 181.8)
تحويلات الألوان
- HEX
- #5a6e6a
- RGB
- rgb(90 110 106)
- HSL
- hsl(168 10% 39%)
- HWB
- hwb(168 35% 57%)
- OKLCH
- oklch(0.521 0.025 181.8)
- OKLab
- oklab(0.521 -0.025 -0.001)
- CIE Lab
- lab(44.7 -8.4 -0.37)
- LCH
- lch(44.7 8.41 182.6)
- CMYK
- cmyk(18% 0% 4% 57%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 697B78
- 798986
- 899794
- 99A5A3
- A9B4B2
- BAC2C1
- CBD1D0
- DCE0DF
- EDF0EF
درجات داكنة
- 4D5F5B
- 41504D
- 35413F
- 293331
- 1E2624
- 131918
- 090E0D
- 030404
- 000100
درجات رمادية
- 5E706C
- 62726E
- 657371
- 697573
- 6D7775
- 717977
- 757B79
- 787C7C
- 7C7E7E
تناسق الألوان
متمم +180°
- 5A6E6A
Agave Frond
- 766368
≈ Paradise Grape
متجاور -30° +30°
- 5A6E6A
Agave Frond
- 5F6D62
≈ Windrock
- 596D71
≈ Unreal Teal
ثلاثي +120° +240°
- 5A6E6A
Agave Frond
- 6B6675
≈ Silverado
- 74665B
≈ Mountain Ridge
متمم منقسم +150° +210°
- 5A6E6A
Agave Frond
- 726470
≈ Burnt Ash
- 776460
≈ Burnt Grape
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.42:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.87:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.42:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--agave-frond: #5a6e6a;
--agave-frond-rgb: 90 110 106;
--agave-frond-oklch: oklch(0.521 0.025 181.8);
}
.element {
color: var(--agave-frond);
background-color: hsl(168 10% 39%);
border-color: oklch(0.521 0.025 181.8);
}Tailwind CSS v4
@theme {
--color-agave-frond: #5a6e6a;
--color-agave-frond-50: #eef8f6;
--color-agave-frond-100: #dfebe9;
--color-agave-frond-200: #c9d8d5;
--color-agave-frond-300: #aabcb9;
--color-agave-frond-400: #8fa39f;
--color-agave-frond-500: #758c87;
--color-agave-frond-600: #637672;
--color-agave-frond-700: #4f5f5b;
--color-agave-frond-800: #394543;
--color-agave-frond-900: #27302e;
--color-agave-frond-950: #151c1b;
}SCSS
$agave-frond: #5a6e6a;
$agave-frond-rgb: 90, 110, 106;
$agave-frond-light: mix(#fff, $agave-frond, 20%);
$agave-frond-dark: mix(#000, $agave-frond, 20%);
.element {
color: $agave-frond;
box-shadow: 0 0 0 2px rgba($agave-frond, 0.35);
}