لون مسمّى · #AEAEB7
Love-Struck Chinchilla
Love-Struck Chinchilla هو #AEAEB7: rgb(174 174 183)، hsl(240 6% 70%)، oklch(0.754 0.013 286.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Love-Struck Chinchilla color name →
#AEAEB7
oklch(0.754 0.013 286.1)
تحويلات الألوان
- HEX
- #aeaeb7
- RGB
- rgb(174 174 183)
- HSL
- hsl(240 6% 70%)
- HWB
- hwb(240 68% 28%)
- OKLCH
- oklch(0.754 0.013 286.1)
- OKLab
- oklab(0.754 0.004 -0.012)
- CIE Lab
- lab(71.3 1.29 -4.62)
- LCH
- lch(71.3 4.8 285.6)
- CMYK
- cmyk(5% 5% 0% 28%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B6B6BE
- BEBEC5
- C6C6CC
- CECED3
- D6D6DA
- DEDEE2
- E6E6E9
- EEEEF0
- F7F7F8
درجات داكنة
- 97979F
- 808087
- 6A6A70
- 55555A
- 414145
- 2E2E31
- 1C1C1E
- 0B0B0C
- 010102
درجات رمادية
- A9A9B1
- A5A5AC
- A0A0A6
- 9B9BA1
- 97979B
- 929296
- 8E8E90
- 89898B
- 848485
تناسق الألوان
متمم +180°
- AEAEB7
Love-Struck Chinchilla
- B0B0A7
≈ Urban Putty
متجاور -30° +30°
- AEAEB7
Love-Struck Chinchilla
- AAB0B7
≈ Cistern
- B2ADB5
≈ Lost Lake
ثلاثي +120° +240°
- AEAEB7
Love-Struck Chinchilla
- B6ADA8
≈ Slate Pebble
- A8B2AD
≈ Artful
متمم منقسم +150° +210°
- AEAEB7
Love-Struck Chinchilla
- B4AEA6
≈ Warm Pewter
- ABB1A9
≈ Blue Fox
رباعي +90° +180° +270°
- AEAEB7
Love-Struck Chinchilla
- B7ACAC
≈ Rose Ashes
- B0B0A7
≈ Urban Putty
- A6B2B2
≈ Flint Smoke
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.20:1 · APCA Lc 43
Ag
AAAعلى الأسود
WCAG 9.53:1 · APCA Lc 59
أفضل لون للنص: #000000
WCAG 9.53:1 (AAA) · APCA Lc 59
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--love-struck-chinchilla: #aeaeb7;
--love-struck-chinchilla-rgb: 174 174 183;
--love-struck-chinchilla-oklch: oklch(0.754 0.013 286.1);
}
.element {
color: var(--love-struck-chinchilla);
background-color: hsl(240 6% 70%);
border-color: oklch(0.754 0.013 286.1);
}Tailwind CSS v4
@theme {
--color-love-struck-chinchilla: #aeaeb7;
--color-love-struck-chinchilla-50: #f5f5f9;
--color-love-struck-chinchilla-100: #e7e7ec;
--color-love-struck-chinchilla-200: #d4d3d9;
--color-love-struck-chinchilla-300: #b7b6be;
--color-love-struck-chinchilla-400: #9d9da6;
--color-love-struck-chinchilla-500: #85858e;
--color-love-struck-chinchilla-600: #717179;
--color-love-struck-chinchilla-700: #5a5a60;
--color-love-struck-chinchilla-800: #424247;
--color-love-struck-chinchilla-900: #2d2d31;
--color-love-struck-chinchilla-950: #1a1a1d;
}SCSS
$love-struck-chinchilla: #aeaeb7;
$love-struck-chinchilla-rgb: 174, 174, 183;
$love-struck-chinchilla-light: mix(#fff, $love-struck-chinchilla, 20%);
$love-struck-chinchilla-dark: mix(#000, $love-struck-chinchilla, 20%);
.element {
color: $love-struck-chinchilla;
box-shadow: 0 0 0 2px rgba($love-struck-chinchilla, 0.35);
}