أقرب لون مسمّى · #A0AB79
#A0AB79
أقرب لون مسمّى: Estragon
#A0AB79 (rgb(160 171 121)، hsl(73 23% 57%)، oklch(0.72 0.07 118.3)) أقرب إلى اللون المسمّى Estragon. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A0AB79
oklch(0.72 0.07 118.3)
تحويلات الألوان
- HEX
- #a0ab79
- RGB
- rgb(160 171 121)
- HSL
- hsl(73 23% 57%)
- HWB
- hwb(73 47% 33%)
- OKLCH
- oklch(0.72 0.07 118.3)
- OKLab
- oklab(0.72 -0.033 0.062)
- CIE Lab
- lab(68.15 -10.35 24.47)
- LCH
- lch(68.15 26.57 112.9)
- CMYK
- cmyk(6% 0% 29% 33%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A9B386
- B2BB93
- BBC4A1
- C5CCAE
- CED5BB
- D8DDC9
- E2E5D6
- EBEEE4
- F5F6F1
درجات داكنة
- 8B9468
- 767E58
- 616848
- 4E5439
- 3B402B
- 292D1D
- 191B10
- 090B05
- 010101
درجات رمادية
- 9DA77A
- 99A27B
- 969E7C
- 939A7D
- 90957E
- 8D917E
- 898D7F
- 86897F
- 838480
تناسق الألوان
متمم +180°
- A0AB79
Estragon
- AA9BCB
≈ Imperial Lilac
متجاور -30° +30°
- A0AB79
Estragon
- B7A372
≈ Green Fig
- 87B18C
≈ Shaded Willow
ثلاثي +120° +240°
- A0AB79
Estragon
- 7BABCC
≈ Calm Day
- CA93A4
≈ Madagascar Pink
متمم منقسم +150° +210°
- A0AB79
Estragon
- 92A3D1
≈ Rip Van Periwinkle
- BD95BB
≈ Dripping Wisteria
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.44:1 · APCA Lc 48
Ag
AAAعلى الأسود
WCAG 8.59:1 · APCA Lc 54
أفضل لون للنص: #000000
WCAG 8.59:1 (AAA) · APCA Lc 54
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--estragon: #a0ab79;
--estragon-rgb: 160 171 121;
--estragon-oklch: oklch(0.72 0.07 118.3);
}
.element {
color: var(--estragon);
background-color: hsl(73 23% 57%);
border-color: oklch(0.72 0.07 118.3);
}Tailwind CSS v4
@theme {
--color-estragon: #a0ab79;
--color-estragon-50: #f2f9e3;
--color-estragon-100: #e4ecd2;
--color-estragon-200: #d0d9b8;
--color-estragon-300: #b2bd95;
--color-estragon-400: #9aa575;
--color-estragon-500: #828d57;
--color-estragon-600: #6e774a;
--color-estragon-700: #585f3b;
--color-estragon-800: #414629;
--color-estragon-900: #2d301c;
--color-estragon-950: #1a1c0c;
}SCSS
$estragon: #a0ab79;
$estragon-rgb: 160, 171, 121;
$estragon-light: mix(#fff, $estragon, 20%);
$estragon-dark: mix(#000, $estragon, 20%);
.element {
color: $estragon;
box-shadow: 0 0 0 2px rgba($estragon, 0.35);
}