لون مسمّى · #ACBAC5
Cold Snap
Cold Snap هو #ACBAC5: rgb(172 186 197)، hsl(206 18% 72%)، oklch(0.782 0.022 241.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Cold Snap color name →
#ACBAC5
oklch(0.782 0.022 241.4)
تحويلات الألوان
- HEX
- #acbac5
- RGB
- rgb(172 186 197)
- HSL
- hsl(206 18% 72%)
- HWB
- hwb(206 67% 23%)
- OKLCH
- oklch(0.782 0.022 241.4)
- OKLab
- oklab(0.782 -0.011 -0.019)
- CIE Lab
- lab(74.68 -3.33 -7.32)
- LCH
- lch(74.68 8.05 245.5)
- CMYK
- cmyk(13% 6% 0% 23%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B4C1CB
- BCC7D0
- C4CED6
- CDD5DC
- D5DCE2
- DDE3E8
- E6EAED
- EEF1F3
- F6F8F9
درجات داكنة
- 95A1AB
- 7F8992
- 697279
- 545C61
- 40464B
- 2D3235
- 1B1E21
- 0B0D0E
- 010202
درجات رمادية
- A8B4BE
- A3AEB7
- 9FA8B0
- 9AA2A9
- 969DA2
- 91979B
- 8D9194
- 898B8D
- 848687
تناسق الألوان
متمم +180°
- ACBAC5
Cold Snap
- C3B5AA
≈ Ash Grey
متجاور -30° +30°
- ACBAC5
Cold Snap
- A9BCC0
≈ Grey Grain
- B2B7C6
≈ Brother Blue
ثلاثي +120° +240°
- ACBAC5
Cold Snap
- C5B2B7
≈ Blossom Powder
- B5BAAB
≈ Cool Sea Air
متمم منقسم +150° +210°
- ACBAC5
Cold Snap
- C6B3AF
≈ Rosy Linen
- BDB8A8
≈ Historical Ruins
رباعي +90° +180° +270°
- ACBAC5
Cold Snap
- C1B3BE
≈ La-De-Dah
- C3B5AA
≈ Ash Grey
- AEBCB1
≈ Foggy Rain
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.98:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.58:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cold-snap: #acbac5;
--cold-snap-rgb: 172 186 197;
--cold-snap-oklch: oklch(0.782 0.022 241.4);
}
.element {
color: var(--cold-snap);
background-color: hsl(206 18% 72%);
border-color: oklch(0.782 0.022 241.4);
}Tailwind CSS v4
@theme {
--color-cold-snap: #acbac5;
--color-cold-snap-50: #f0f6fb;
--color-cold-snap-100: #e2e9ef;
--color-cold-snap-200: #cdd6dd;
--color-cold-snap-300: #aeb9c2;
--color-cold-snap-400: #93a0ab;
--color-cold-snap-500: #7a8894;
--color-cold-snap-600: #67737d;
--color-cold-snap-700: #525c64;
--color-cold-snap-800: #3c4449;
--color-cold-snap-900: #292f33;
--color-cold-snap-950: #171b1f;
}SCSS
$cold-snap: #acbac5;
$cold-snap-rgb: 172, 186, 197;
$cold-snap-light: mix(#fff, $cold-snap, 20%);
$cold-snap-dark: mix(#000, $cold-snap, 20%);
.element {
color: $cold-snap;
box-shadow: 0 0 0 2px rgba($cold-snap, 0.35);
}