أقرب لون مسمّى · #9D9B90
#9D9B90
أقرب لون مسمّى: Lost Space
#9D9B90 (rgb(157 155 144)، hsl(51 6% 59%)، oklch(0.688 0.016 98.4)) أقرب إلى اللون المسمّى Lost Space. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#9D9B90
oklch(0.688 0.016 98.4)
تحويلات الألوان
- HEX
- #9d9b90
- RGB
- rgb(157 155 144)
- HSL
- hsl(51 6% 59%)
- HWB
- hwb(51 56% 38%)
- OKLCH
- oklch(0.688 0.016 98.4)
- OKLab
- oklab(0.688 -0.002 0.016)
- CIE Lab
- lab(63.91 -0.75 6.06)
- LCH
- lch(63.91 6.11 97.1)
- CMYK
- cmyk(0% 1% 8% 38%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A6A59B
- B0AEA5
- B9B8B0
- C3C2BB
- CDCCC6
- D7D6D1
- E1E0DD
- EBEAE8
- F5F5F3
درجات داكنة
- 88867D
- 73726A
- 5F5E57
- 4C4B45
- 3A3934
- 282824
- 181815
- 090907
- 010101
درجات رمادية
- 9A988E
- 97968D
- 94938B
- 91908A
- 8E8D88
- 8B8B86
- 898885
- 868583
- 838382
تناسق الألوان
متمم +180°
- 9D9B90
Lost Space
- 989AA5
≈ Angry Gargoyle
متجاور -30° +30°
- 9D9B90
Lost Space
- A29990
≈ Grey Flanks
- 989D92
≈ Acacia Haze
ثلاثي +120° +240°
- 9D9B90
Lost Space
- 909DA1
≈ Rain Cloud
- A2979E
≈ Artist’s Shadow
متمم منقسم +150° +210°
- 9D9B90
Lost Space
- 939CA4
≈ Dustblu
- 9D98A2
≈ Fortune
رباعي +90° +180° +270°
- 9D9B90
Lost Space
- 909E9C
≈ Abyss
- 989AA5
≈ Angry Gargoyle
- A49799
≈ Sunrise Over Tahiti
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.52:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lost-space: #9d9b90;
--lost-space-rgb: 157 155 144;
--lost-space-oklch: oklch(0.688 0.016 98.4);
}
.element {
color: var(--lost-space);
background-color: hsl(51 6% 59%);
border-color: oklch(0.688 0.016 98.4);
}Tailwind CSS v4
@theme {
--color-lost-space: #9d9b90;
--color-lost-space-50: #f6f5f0;
--color-lost-space-100: #e9e8e2;
--color-lost-space-200: #d5d4cd;
--color-lost-space-300: #b9b8af;
--color-lost-space-400: #a19f94;
--color-lost-space-500: #89867b;
--color-lost-space-600: #747268;
--color-lost-space-700: #5c5b53;
--color-lost-space-800: #44423c;
--color-lost-space-900: #2f2e29;
--color-lost-space-950: #1b1b17;
}SCSS
$lost-space: #9d9b90;
$lost-space-rgb: 157, 155, 144;
$lost-space-light: mix(#fff, $lost-space, 20%);
$lost-space-dark: mix(#000, $lost-space, 20%);
.element {
color: $lost-space;
box-shadow: 0 0 0 2px rgba($lost-space, 0.35);
}