أقرب لون مسمّى · #89760F
#89760F
أقرب لون مسمّى: Fernweh
#89760F (rgb(137 118 15)، hsl(51 80% 30%)، oklch(0.567 0.113 97.4)) أقرب إلى اللون المسمّى Fernweh. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#89760F
oklch(0.567 0.113 97.4)
تحويلات الألوان
- HEX
- #89760f
- RGB
- rgb(137 118 15)
- HSL
- hsl(51 80% 30%)
- HWB
- hwb(51 6% 46%)
- OKLCH
- oklch(0.567 0.113 97.4)
- OKLab
- oklab(0.567 -0.014 0.112)
- CIE Lab
- lab(50.19 0.19 52.21)
- LCH
- lch(50.19 52.21 89.8)
- CMYK
- cmyk(0% 14% 89% 46%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 948333
- 9F914D
- AB9E64
- B6AC7A
- C2B990
- CEC7A6
- DAD5BC
- E6E3D2
- F3F1E8
درجات داكنة
- 76660B
- 645608
- 534705
- 423803
- 312902
- 221C01
- 140F00
- 070500
- 010100
درجات رمادية
- 887726
- 877934
- 867A40
- 857B4B
- 847C55
- 837D5E
- 837E67
- 827F6F
- 817F78
تناسق الألوان
متمم +180°
- 89760F
Fernweh
- 676FB8
≈ Chetwode Blue
متجاور -30° +30°
- 89760F
Fernweh
- A2681E
≈ Syrah Soil
- 648233
≈ Swamp Moss
ثلاثي +120° +240°
- 89760F
Fernweh
- 00849D
≈ Zircon Blue
- A05B8E
≈ Bermuda Onion
متمم منقسم +150° +210°
- 89760F
Fernweh
- 387BB5
≈ Viennese Blue
- 8863AA
≈ Chive Blossom
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.50:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.66:1 · APCA Lc 31
أفضل لون للنص: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fernweh: #89760f;
--fernweh-rgb: 137 118 15;
--fernweh-oklch: oklch(0.567 0.113 97.4);
}
.element {
color: var(--fernweh);
background-color: hsl(51 80% 30%);
border-color: oklch(0.567 0.113 97.4);
}Tailwind CSS v4
@theme {
--color-fernweh: #89760f;
--color-fernweh-50: #fdf6d2;
--color-fernweh-100: #f1e9be;
--color-fernweh-200: #e0d69e;
--color-fernweh-300: #c5b974;
--color-fernweh-400: #b19f4a;
--color-fernweh-500: #9b8610;
--color-fernweh-600: #837114;
--color-fernweh-700: #695b10;
--color-fernweh-800: #4e4208;
--color-fernweh-900: #372d06;
--color-fernweh-950: #211a00;
}SCSS
$fernweh: #89760f;
$fernweh-rgb: 137, 118, 15;
$fernweh-light: mix(#fff, $fernweh, 20%);
$fernweh-dark: mix(#000, $fernweh, 20%);
.element {
color: $fernweh;
box-shadow: 0 0 0 2px rgba($fernweh, 0.35);
}