لون مسمّى · #A5A9B2
Mischka
Mischka هو #A5A9B2: rgb(165 169 178)، hsl(222 8% 67%)، oklch(0.734 0.014 266.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Mischka color name →
#A5A9B2
oklch(0.734 0.014 266.7)
تحويلات الألوان
- HEX
- #a5a9b2
- RGB
- rgb(165 169 178)
- HSL
- hsl(222 8% 67%)
- HWB
- hwb(222 65% 30%)
- OKLCH
- oklch(0.734 0.014 266.7)
- OKLab
- oklab(0.734 -0.001 -0.014)
- CIE Lab
- lab(69.12 -0.14 -5.17)
- LCH
- lch(69.12 5.17 268.4)
- CMYK
- cmyk(7% 5% 0% 30%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AEB1B9
- B6BAC1
- BFC2C9
- C8CBD0
- D1D3D8
- DADCE0
- E3E5E7
- ECEDEF
- F6F6F7
درجات داكنة
- 8F929A
- 797C83
- 65676D
- 515357
- 3D3F43
- 2B2C2F
- 1A1B1D
- 0A0A0C
- 010101
درجات رمادية
- A1A5AD
- 9DA1A8
- 9A9CA3
- 96989E
- 929499
- 8F9094
- 8B8C8F
- 87888A
- 848485
تناسق الألوان
متمم +180°
- A5A9B2
Mischka
- ADA9A0
≈ Still Grey
متجاور -30° +30°
- A5A9B2
Mischka
- A1ABB1
≈ Heavy Blue Grey
- AAA7B1
≈ Palace Walls
ثلاثي +120° +240°
- A5A9B2
Mischka
- B2A6A4
≈ Cool Lavender
- A4ABA4
≈ Ginkgo Green
متمم منقسم +150° +210°
- A5A9B2
Mischka
- B0A7A1
≈ Aura
- A8AAA1
≈ Silver Clouds
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.35:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 8.91:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mischka: #a5a9b2;
--mischka-rgb: 165 169 178;
--mischka-oklch: oklch(0.734 0.014 266.7);
}
.element {
color: var(--mischka);
background-color: hsl(222 8% 67%);
border-color: oklch(0.734 0.014 266.7);
}Tailwind CSS v4
@theme {
--color-mischka: #a5a9b2;
--color-mischka-50: #f3f5f9;
--color-mischka-100: #e6e8ed;
--color-mischka-200: #d2d4da;
--color-mischka-300: #b4b7bf;
--color-mischka-400: #9b9ea7;
--color-mischka-500: #828690;
--color-mischka-600: #6e7279;
--color-mischka-700: #585b61;
--color-mischka-800: #404247;
--color-mischka-900: #2c2e31;
--color-mischka-950: #191b1d;
}SCSS
$mischka: #a5a9b2;
$mischka-rgb: 165, 169, 178;
$mischka-light: mix(#fff, $mischka, 20%);
$mischka-dark: mix(#000, $mischka, 20%);
.element {
color: $mischka;
box-shadow: 0 0 0 2px rgba($mischka, 0.35);
}