أقرب لون مسمّى · #716C5A
#716C5A
أقرب لون مسمّى: Archaeology
#716C5A (rgb(113 108 90)، hsl(47 11% 40%)، oklch(0.531 0.028 94.3)) أقرب إلى اللون المسمّى Archaeology. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#716C5A
oklch(0.531 0.028 94.3)
تحويلات الألوان
- HEX
- #716c5a
- RGB
- rgb(113 108 90)
- HSL
- hsl(47 11% 40%)
- HWB
- hwb(47 35% 56%)
- OKLCH
- oklch(0.531 0.028 94.3)
- OKLab
- oklab(0.531 -0.002 0.028)
- CIE Lab
- lab(45.69 -0.41 10.86)
- LCH
- lch(45.69 10.87 92.2)
- CMYK
- cmyk(0% 4% 20% 56%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7E7A69
- 8C8879
- 999688
- A7A499
- B5B3A9
- C4C2BA
- D2D1CB
- E1E0DC
- F0EFED
درجات داكنة
- 615D4D
- 524E41
- 434035
- 353229
- 27251E
- 1A1913
- 0E0D09
- 040403
- 010000
درجات رمادية
- 726E5E
- 747062
- 757265
- 777469
- 78766D
- 7A7871
- 7B7A75
- 7D7C78
- 7E7E7C
تناسق الألوان
متمم +180°
- 716C5A
Archaeology
- 676B7D
≈ Nostalgic
متجاور -30° +30°
- 716C5A
Archaeology
- 78695B
≈ Congo Capture
- 686F5D
≈ Laurel Garland
ثلاثي +120° +240°
- 716C5A
Archaeology
- 5A7076
≈ Portsmouth Blue
- 776673
≈ Burnt Ash
متمم منقسم +150° +210°
- 716C5A
Archaeology
- 5F6E7B
≈ Smoky Pitch
- 6F6879
≈ Rum
رباعي +90° +180° +270°
- 716C5A
Archaeology
- 5A716E
≈ Noble Fir
- 676B7D
≈ Nostalgic
- 7B666A
≈ Amazing Amethyst
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.25:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 3.99:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--archaeology: #716c5a;
--archaeology-rgb: 113 108 90;
--archaeology-oklch: oklch(0.531 0.028 94.3);
}
.element {
color: var(--archaeology);
background-color: hsl(47 11% 40%);
border-color: oklch(0.531 0.028 94.3);
}Tailwind CSS v4
@theme {
--color-archaeology: #716c5a;
--color-archaeology-50: #f7f5ec;
--color-archaeology-100: #eae8de;
--color-archaeology-200: #d7d4c7;
--color-archaeology-300: #bbb8a8;
--color-archaeology-400: #a49f8c;
--color-archaeology-500: #8c8672;
--color-archaeology-600: #767260;
--color-archaeology-700: #5f5b4d;
--color-archaeology-800: #464238;
--color-archaeology-900: #302e26;
--color-archaeology-950: #1c1b14;
}SCSS
$archaeology: #716c5a;
$archaeology-rgb: 113, 108, 90;
$archaeology-light: mix(#fff, $archaeology, 20%);
$archaeology-dark: mix(#000, $archaeology, 20%);
.element {
color: $archaeology;
box-shadow: 0 0 0 2px rgba($archaeology, 0.35);
}