أقرب لون مسمّى · #817448
#817448
أقرب لون مسمّى: Mossy
#817448 (rgb(129 116 72)، hsl(46 28% 39%)، oklch(0.56 0.064 93.5)) أقرب إلى اللون المسمّى Mossy. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#817448
oklch(0.56 0.064 93.5)
تحويلات الألوان
- HEX
- #817448
- RGB
- rgb(129 116 72)
- HSL
- hsl(46 28% 39%)
- HWB
- hwb(46 28% 49%)
- OKLCH
- oklch(0.56 0.064 93.5)
- OKLab
- oklab(0.56 -0.004 0.064)
- CIE Lab
- lab(49.25 0.35 26.2)
- LCH
- lch(49.25 26.2 89.2)
- CMYK
- cmyk(0% 10% 44% 49%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8D815A
- 998E6B
- A59C7D
- B1AA8F
- BEB7A1
- CBC5B3
- D8D4C6
- E5E2D9
- F2F0EC
درجات داكنة
- 6F643D
- 5E5433
- 4E4529
- 3E371F
- 2E2916
- 1F1B0D
- 120F06
- 060502
- 010100
درجات رمادية
- 81754E
- 817754
- 81785A
- 817960
- 807A65
- 807B6B
- 807D70
- 807E75
- 807F7B
تناسق الألوان
متمم +180°
- 817448
Mossy
- 68729A
≈ Royal Intrigue
متجاور -30° +30°
- 817448
Mossy
- 8F6D4D
≈ Tanned Wood
- 6D7B51
≈ Mint Leaves
ثلاثي +120° +240°
متمم منقسم +150° +210°
- 817448
Mossy
- 537997
≈ Stormy Ridge
- 7C6B94
≈ Ornate
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.64:1 · APCA Lc 72
Ag
AAعلى الأسود
WCAG 4.52:1 · APCA Lc 29
أفضل لون للنص: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mossy: #817448;
--mossy-rgb: 129 116 72;
--mossy-oklch: oklch(0.56 0.064 93.5);
}
.element {
color: var(--mossy);
background-color: hsl(46 28% 39%);
border-color: oklch(0.56 0.064 93.5);
}Tailwind CSS v4
@theme {
--color-mossy: #817448;
--color-mossy-50: #faf5e1;
--color-mossy-100: #eee8d1;
--color-mossy-200: #dcd5b6;
--color-mossy-300: #c1b893;
--color-mossy-400: #ab9e73;
--color-mossy-500: #948654;
--color-mossy-600: #7d7148;
--color-mossy-700: #645a39;
--color-mossy-800: #4a4228;
--color-mossy-900: #342d1b;
--color-mossy-950: #1f1a0b;
}SCSS
$mossy: #817448;
$mossy-rgb: 129, 116, 72;
$mossy-light: mix(#fff, $mossy, 20%);
$mossy-dark: mix(#000, $mossy, 20%);
.element {
color: $mossy;
box-shadow: 0 0 0 2px rgba($mossy, 0.35);
}