أقرب لون مسمّى · #979BA2
#979BA2
أقرب لون مسمّى: Grisaille
#979BA2 (rgb(151 155 162)، hsl(218 6% 61%)، oklch(0.688 0.011 261.8)) أقرب إلى اللون المسمّى Grisaille. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#979BA2
oklch(0.688 0.011 261.8)
تحويلات الألوان
- HEX
- #979ba2
- RGB
- rgb(151 155 162)
- HSL
- hsl(218 6% 61%)
- HWB
- hwb(218 59% 36%)
- OKLCH
- oklch(0.688 0.011 261.8)
- OKLab
- oklab(0.688 -0.002 -0.011)
- CIE Lab
- lab(63.81 -0.45 -4.2)
- LCH
- lch(63.81 4.22 263.9)
- CMYK
- cmyk(7% 4% 0% 36%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A1A5AB
- ABAEB4
- B5B8BD
- BFC2C6
- CACCD0
- D4D6D9
- DFE0E2
- E9EAEC
- F4F5F5
درجات داكنة
- 83868C
- 6F7277
- 5C5E63
- 494B4F
- 37393C
- 26282A
- 171819
- 08090A
- 010101
درجات رمادية
- 95989F
- 92969B
- 909398
- 8E9094
- 8B8D91
- 898B8D
- 87888A
- 858587
- 828383
تناسق الألوان
متمم +180°
- 979BA2
Grisaille
- 9E9A93
≈ Acier
متجاور -30° +30°
- 979BA2
Grisaille
- 949CA1
≈ Dustblu
- 9B9AA1
≈ Harrison Grey
ثلاثي +120° +240°
- 979BA2
Grisaille
- A29898
≈ Sugar Tree
- 979D96
≈ Pipe Dream
متمم منقسم +150° +210°
- 979BA2
Grisaille
- A19995
≈ Polished Concrete
- 9B9C94
≈ Delta
رباعي +90° +180° +270°
- 979BA2
Grisaille
- A1989B
≈ Sugar Tree
- 9E9A93
≈ Acier
- 949D9A
≈ Gun Barrel
التباين وإمكانية الوصول
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 {
--grisaille: #979ba2;
--grisaille-rgb: 151 155 162;
--grisaille-oklch: oklch(0.688 0.011 261.8);
}
.element {
color: var(--grisaille);
background-color: hsl(218 6% 61%);
border-color: oklch(0.688 0.011 261.8);
}Tailwind CSS v4
@theme {
--color-grisaille: #979ba2;
--color-grisaille-50: #f3f5f8;
--color-grisaille-100: #e6e8ec;
--color-grisaille-200: #d2d4d9;
--color-grisaille-300: #b4b7bd;
--color-grisaille-400: #9b9fa5;
--color-grisaille-500: #82868e;
--color-grisaille-600: #6e7278;
--color-grisaille-700: #585b60;
--color-grisaille-800: #404246;
--color-grisaille-900: #2c2e31;
--color-grisaille-950: #191b1d;
}SCSS
$grisaille: #979ba2;
$grisaille-rgb: 151, 155, 162;
$grisaille-light: mix(#fff, $grisaille, 20%);
$grisaille-dark: mix(#000, $grisaille, 20%);
.element {
color: $grisaille;
box-shadow: 0 0 0 2px rgba($grisaille, 0.35);
}