أقرب لون مسمّى · #70697C
#70697C
أقرب لون مسمّى: Mamba
#70697C (rgb(112 105 124)، hsl(262 8% 45%)، oklch(0.534 0.03 302.1)) أقرب إلى اللون المسمّى Mamba. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#70697C
oklch(0.534 0.03 302.1)
تحويلات الألوان
- HEX
- #70697c
- RGB
- rgb(112 105 124)
- HSL
- hsl(262 8% 45%)
- HWB
- hwb(262 41% 51%)
- OKLCH
- oklch(0.534 0.03 302.1)
- OKLab
- oklab(0.534 0.016 -0.026)
- CIE Lab
- lab(45.57 5.82 -9.58)
- LCH
- lch(45.57 11.21 301.3)
- CMYK
- cmyk(10% 15% 0% 51%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7D7788
- 8B8595
- 9993A2
- A7A2AE
- B5B1BC
- C3C0C9
- D2D0D6
- E1DFE4
- F0EFF1
درجات داكنة
- 605A6B
- 514C5A
- 433E4A
- 35313B
- 27242C
- 1A181E
- 0E0C11
- 040405
- 010001
درجات رمادية
- 726B7C
- 736E7D
- 75707D
- 76727E
- 78747E
- 7A777F
- 7B797F
- 7D7B7F
- 7E7E80
تناسق الألوان
متمم +180°
- 70697C
Mamba
- 6A705D
≈ Laurel Garland
متجاور -30° +30°
- 70697C
Mamba
- 676C7F
≈ Nostalgic
- 786775
≈ Old Lavender
ثلاثي +120° +240°
- 70697C
Mamba
- 7A695B
≈ Warrior
- 5A736E
≈ Noble Fir
متمم منقسم +150° +210°
- 70697C
Mamba
- 736D59
≈ Momentum
- 607264
≈ Seraphinite
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.24:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 4.00:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mamba: #70697c;
--mamba-rgb: 112 105 124;
--mamba-oklch: oklch(0.534 0.03 302.1);
}
.element {
color: var(--mamba);
background-color: hsl(262 8% 45%);
border-color: oklch(0.534 0.03 302.1);
}Tailwind CSS v4
@theme {
--color-mamba: #70697c;
--color-mamba-50: #f7f3fc;
--color-mamba-100: #eae6f0;
--color-mamba-200: #d7d1df;
--color-mamba-300: #bbb4c4;
--color-mamba-400: #a29aae;
--color-mamba-500: #8a8297;
--color-mamba-600: #746e80;
--color-mamba-700: #5d5867;
--color-mamba-800: #44404c;
--color-mamba-900: #2f2c34;
--color-mamba-950: #1b1920;
}SCSS
$mamba: #70697c;
$mamba-rgb: 112, 105, 124;
$mamba-light: mix(#fff, $mamba, 20%);
$mamba-dark: mix(#000, $mamba, 20%);
.element {
color: $mamba;
box-shadow: 0 0 0 2px rgba($mamba, 0.35);
}