أقرب لون مسمّى · #8E6B74
#8E6B74
أقرب لون مسمّى: Opera
#8E6B74 (rgb(142 107 116)، hsl(345 14% 49%)، oklch(0.566 0.046 1.6)) أقرب إلى اللون المسمّى Opera. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#8E6B74
oklch(0.566 0.046 1.6)
تحويلات الألوان
- HEX
- #8e6b74
- RGB
- rgb(142 107 116)
- HSL
- hsl(345 14% 49%)
- HWB
- hwb(345 42% 44%)
- OKLCH
- oklch(0.566 0.046 1.6)
- OKLab
- oklab(0.566 0.046 0.001)
- CIE Lab
- lab(49.03 15.46 0.67)
- LCH
- lch(49.03 15.47 2.5)
- CMYK
- cmyk(0% 25% 18% 44%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 997981
- A4878E
- AF959C
- BBA4A9
- C6B2B7
- D1C1C5
- DDD0D3
- E8E0E2
- F3EFF0
درجات داكنة
- 7B5C64
- 684E54
- 563F45
- 443237
- 342529
- 24181B
- 150D0F
- 070405
- 010001
درجات رمادية
- 8D6D75
- 8C6F76
- 8A7178
- 897479
- 88767A
- 86787B
- 857A7C
- 837C7E
- 827E7F
تناسق الألوان
متمم +180°
- 8E6B74
Opera
- 577F78
≈ Hanging Moss
متجاور -30° +30°
- 8E6B74
Opera
- 876C83
≈ Purple Grey
- 8F6C65
≈ Eclectic Plum
ثلاثي +120° +240°
- 8E6B74
Opera
- 717B5C
≈ Loden Green
- 5E7A8F
≈ Provincial Blue
متمم منقسم +150° +210°
- 8E6B74
Opera
- 627E69
≈ Stone Cypress Green
- 567E86
≈ La Pineta
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.66:1 · APCA Lc 72
Ag
AAعلى الأسود
WCAG 4.50:1 · APCA Lc 29
أفضل لون للنص: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--opera: #8e6b74;
--opera-rgb: 142 107 116;
--opera-oklch: oklch(0.566 0.046 1.6);
}
.element {
color: var(--opera);
background-color: hsl(345 14% 49%);
border-color: oklch(0.566 0.046 1.6);
}Tailwind CSS v4
@theme {
--color-opera: #8e6b74;
--color-opera-50: #fff0f4;
--color-opera-100: #f6e2e6;
--color-opera-200: #e7ccd2;
--color-opera-300: #cdaeb5;
--color-opera-400: #b7949c;
--color-opera-500: #a17a84;
--color-opera-600: #886770;
--color-opera-700: #6d5259;
--color-opera-800: #503c42;
--color-opera-900: #38292d;
--color-opera-950: #22171a;
}SCSS
$opera: #8e6b74;
$opera-rgb: 142, 107, 116;
$opera-light: mix(#fff, $opera, 20%);
$opera-dark: mix(#000, $opera, 20%);
.element {
color: $opera;
box-shadow: 0 0 0 2px rgba($opera, 0.35);
}