أقرب لون مسمّى · #6F7B59
#6F7B59
أقرب لون مسمّى: Dill
#6F7B59 (rgb(111 123 89)، hsl(81 16% 42%)، oklch(0.564 0.052 123.8)) أقرب إلى اللون المسمّى Dill. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#6F7B59
oklch(0.564 0.052 123.8)
تحويلات الألوان
- HEX
- #6f7b59
- RGB
- rgb(111 123 89)
- HSL
- hsl(81 16% 42%)
- HWB
- hwb(81 35% 52%)
- OKLCH
- oklch(0.564 0.052 123.8)
- OKLab
- oklab(0.564 -0.029 0.043)
- CIE Lab
- lab(49.91 -9.39 17.1)
- LCH
- lch(49.91 19.51 118.8)
- CMYK
- cmyk(10% 0% 28% 52%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7C8769
- 8A9478
- 98A188
- A6AE99
- B4BBA9
- C3C8BA
- D2D6CB
- E1E3DC
- F0F1ED
درجات داكنة
- 606A4C
- 515A40
- 424A34
- 343A28
- 272C1D
- 1A1E13
- 0E1009
- 040503
- 010100
درجات رمادية
- 717C5D
- 727C61
- 747D65
- 767D69
- 777E6D
- 797E71
- 7B7F75
- 7D7F78
- 7E807C
تناسق الألوان
متمم +180°
- 6F7B59
Dill
- 7C6E8F
≈ Nymph’s Delight
متجاور -30° +30°
- 6F7B59
Dill
- 807552
≈ Cabbage Green
- 5E7F67
≈ Holenso
ثلاثي +120° +240°
- 6F7B59
Dill
- 5B7992
≈ Titanium Blue
- 916972
≈ Full Glass
متمم منقسم +150° +210°
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.51:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.65:1 · APCA Lc 30
أفضل لون للنص: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--dill: #6f7b59;
--dill-rgb: 111 123 89;
--dill-oklch: oklch(0.564 0.052 123.8);
}
.element {
color: var(--dill);
background-color: hsl(81 16% 42%);
border-color: oklch(0.564 0.052 123.8);
}Tailwind CSS v4
@theme {
--color-dill: #6f7b59;
--color-dill-50: #f1f8e8;
--color-dill-100: #e3ebd9;
--color-dill-200: #cfd9c1;
--color-dill-300: #b1bda0;
--color-dill-400: #98a482;
--color-dill-500: #7f8c66;
--color-dill-600: #6b7757;
--color-dill-700: #565f45;
--color-dill-800: #3f4531;
--color-dill-900: #2c3021;
--color-dill-950: #191c11;
}SCSS
$dill: #6f7b59;
$dill-rgb: 111, 123, 89;
$dill-light: mix(#fff, $dill, 20%);
$dill-dark: mix(#000, $dill, 20%);
.element {
color: $dill;
box-shadow: 0 0 0 2px rgba($dill, 0.35);
}