لون مسمّى · #A99BA7
Lavender Illusion
Lavender Illusion هو #A99BA7: rgb(169 155 167)، hsl(309 8% 64%)، oklch(0.705 0.024 330.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Lavender Illusion color name →
#A99BA7
oklch(0.705 0.024 330.4)
تحويلات الألوان
- HEX
- #a99ba7
- RGB
- rgb(169 155 167)
- HSL
- hsl(309 8% 64%)
- HWB
- hwb(309 61% 34%)
- OKLCH
- oklch(0.705 0.024 330.4)
- OKLab
- oklab(0.705 0.02 -0.012)
- CIE Lab
- lab(65.49 6.95 -4.33)
- LCH
- lch(65.49 8.19 328.1)
- CMYK
- cmyk(0% 8% 1% 34%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B1A5AF
- BAAEB8
- C2B8C1
- CBC2C9
- D3CCD2
- DCD6DB
- E5E0E4
- EDEAED
- F6F5F6
درجات داكنة
- 928691
- 7C727B
- 675E66
- 534B52
- 3F393E
- 2C282C
- 1B181A
- 0A090A
- 010101
درجات رمادية
- A598A3
- A1969F
- 9D939B
- 989097
- 948D93
- 908B8F
- 8C888C
- 888588
- 848384
تناسق الألوان
متمم +180°
- A99BA7
Lavender Illusion
- 96A499
≈ Olive Soap
متجاور -30° +30°
- A99BA7
Lavender Illusion
- A29DAD
≈ Indolence
- AD9A9F
≈ Pincushion
ثلاثي +120° +240°
- A99BA7
Lavender Illusion
- A5A090
≈ Little Valley
- 90A4A8
≈ Cape Cod Blue
متمم منقسم +150° +210°
- A99BA7
Lavender Illusion
- 9EA292
≈ Spring Spirits
- 91A5A1
≈ Spruce Shade
رباعي +90° +180° +270°
- A99BA7
Lavender Illusion
- AB9D92
≈ Frosted Cocoa
- 96A499
≈ Olive Soap
- 94A2AE
≈ Robotic Gods
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.64:1 · APCA Lc 52
Ag
AAAعلى الأسود
WCAG 7.93:1 · APCA Lc 50
أفضل لون للنص: #000000
WCAG 7.93:1 (AAA) · APCA Lc 50
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lavender-illusion: #a99ba7;
--lavender-illusion-rgb: 169 155 167;
--lavender-illusion-oklch: oklch(0.705 0.024 330.4);
}
.element {
color: var(--lavender-illusion);
background-color: hsl(309 8% 64%);
border-color: oklch(0.705 0.024 330.4);
}Tailwind CSS v4
@theme {
--color-lavender-illusion: #a99ba7;
--color-lavender-illusion-50: #f9f3f8;
--color-lavender-illusion-100: #ede5eb;
--color-lavender-illusion-200: #dbd1d9;
--color-lavender-illusion-300: #bfb3bd;
--color-lavender-illusion-400: #a79aa5;
--color-lavender-illusion-500: #90818e;
--color-lavender-illusion-600: #7a6d78;
--color-lavender-illusion-700: #615760;
--color-lavender-illusion-800: #474046;
--color-lavender-illusion-900: #312c31;
--color-lavender-illusion-950: #1d191d;
}SCSS
$lavender-illusion: #a99ba7;
$lavender-illusion-rgb: 169, 155, 167;
$lavender-illusion-light: mix(#fff, $lavender-illusion, 20%);
$lavender-illusion-dark: mix(#000, $lavender-illusion, 20%);
.element {
color: $lavender-illusion;
box-shadow: 0 0 0 2px rgba($lavender-illusion, 0.35);
}