أقرب لون مسمّى · #6A8857
#6A8857
أقرب لون مسمّى: Kale
#6A8857 (rgb(106 136 87)، hsl(97 22% 44%)، oklch(0.591 0.079 133.9)) أقرب إلى اللون المسمّى Kale. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#6A8857
oklch(0.591 0.079 133.9)
تحويلات الألوان
- HEX
- #6a8857
- RGB
- rgb(106 136 87)
- HSL
- hsl(97 22% 44%)
- HWB
- hwb(97 34% 47%)
- OKLCH
- oklch(0.591 0.079 133.9)
- OKLab
- oklab(0.591 -0.055 0.057)
- CIE Lab
- lab(53.42 -18.15 22.75)
- LCH
- lch(53.42 29.1 128.6)
- CMYK
- cmyk(22% 0% 36% 47%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 789367
- 869F77
- 95AB88
- A3B698
- B2C2A9
- C1CEBA
- D0DACB
- E0E6DC
- EFF3ED
درجات داكنة
- 5B754B
- 4D633E
- 3F5233
- 314127
- 24311C
- 182212
- 0D1308
- 040603
- 000100
درجات رمادية
- 6C875C
- 6F8760
- 718664
- 738568
- 75846C
- 778470
- 7A8374
- 7C8278
- 7E817C
تناسق الألوان
متمم +180°
- 6A8857
Kale
- 8F6F9F
≈ Court Jester
متجاور -30° +30°
ثلاثي +120° +240°
- 6A8857
Kale
- 5C80AC
≈ Girls in Blue
- A76A6F
≈ Delhi Spice
متمم منقسم +150° +210°
- 6A8857
Kale
- 7777AB
≈ Minuet Lilac
- 9F6A89
≈ Pink Jazz
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.98:1 · APCA Lc 67
Ag
AAعلى الأسود
WCAG 5.27:1 · APCA Lc 35
أفضل لون للنص: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--kale: #6a8857;
--kale-rgb: 106 136 87;
--kale-oklch: oklch(0.591 0.079 133.9);
}
.element {
color: var(--kale);
background-color: hsl(97 22% 44%);
border-color: oklch(0.591 0.079 133.9);
}Tailwind CSS v4
@theme {
--color-kale: #6a8857;
--color-kale-50: #ebfbe4;
--color-kale-100: #dceed4;
--color-kale-200: #c5ddbb;
--color-kale-300: #a6c199;
--color-kale-400: #8ba979;
--color-kale-500: #70925b;
--color-kale-600: #5f7b4e;
--color-kale-700: #4c633e;
--color-kale-800: #38482b;
--color-kale-900: #26321d;
--color-kale-950: #151e0d;
}SCSS
$kale: #6a8857;
$kale-rgb: 106, 136, 87;
$kale-light: mix(#fff, $kale, 20%);
$kale-dark: mix(#000, $kale, 20%);
.element {
color: $kale;
box-shadow: 0 0 0 2px rgba($kale, 0.35);
}