أقرب لون مسمّى · #A492C9
#A492C9
أقرب لون مسمّى: Enchanted Lilac
#A492C9 (rgb(164 146 201)، hsl(260 34% 68%)، oklch(0.696 0.082 299.3)) أقرب إلى اللون المسمّى Enchanted Lilac. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A492C9
oklch(0.696 0.082 299.3)
تحويلات الألوان
- HEX
- #a492c9
- RGB
- rgb(164 146 201)
- HSL
- hsl(260 34% 68%)
- HWB
- hwb(260 57% 21%)
- OKLCH
- oklch(0.696 0.082 299.3)
- OKLab
- oklab(0.696 0.04 -0.071)
- CIE Lab
- lab(63.68 15.3 -26.05)
- LCH
- lch(63.68 30.21 300.4)
- CMYK
- cmyk(18% 27% 0% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AD9DCF
- B5A7D4
- BEB2DA
- C7BDDF
- D0C8E5
- DAD3EA
- E3DEEF
- ECE9F5
- F6F4FA
درجات داكنة
- 8E7EAE
- 796B95
- 64587C
- 504664
- 3D354C
- 2B2536
- 1A1622
- 0A080F
- 010102
درجات رمادية
- A090C2
- 9D8FBA
- 998DB3
- 958BAC
- 9289A4
- 8E889D
- 8B8696
- 87848F
- 838287
تناسق الألوان
متمم +180°
- A492C9
Enchanted Lilac
- 97A56A
≈ Green Plaza
متجاور -30° +30°
- A492C9
Enchanted Lilac
- 889BD0
≈ Purple Gentian
- BA8BB6
≈ Violet Whimsy
ثلاثي +120° +240°
- A492C9
Enchanted Lilac
- C39169
≈ Butterum
- 60AE9E
≈ Green Crush
متمم منقسم +150° +210°
- A492C9
Enchanted Lilac
- B19B60
≈ Pesto di Noce
- 79AC82
≈ Summer Garden
رباعي +90° +180° +270°
- A492C9
Enchanted Lilac
- CB8A80
≈ Sunstone
- 97A56A
≈ Green Plaza
- 5AABB8
≈ Verditer Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.78:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.53:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--enchanted-lilac: #a492c9;
--enchanted-lilac-rgb: 164 146 201;
--enchanted-lilac-oklch: oklch(0.696 0.082 299.3);
}
.element {
color: var(--enchanted-lilac);
background-color: hsl(260 34% 68%);
border-color: oklch(0.696 0.082 299.3);
}Tailwind CSS v4
@theme {
--color-enchanted-lilac: #a492c9;
--color-enchanted-lilac-50: #f9f0ff;
--color-enchanted-lilac-100: #ece2ff;
--color-enchanted-lilac-200: #dacdf2;
--color-enchanted-lilac-300: #beaedb;
--color-enchanted-lilac-400: #a594c8;
--color-enchanted-lilac-500: #8e7ab5;
--color-enchanted-lilac-600: #786799;
--color-enchanted-lilac-700: #60537a;
--color-enchanted-lilac-800: #453c5b;
--color-enchanted-lilac-900: #302940;
--color-enchanted-lilac-950: #1c1729;
}SCSS
$enchanted-lilac: #a492c9;
$enchanted-lilac-rgb: 164, 146, 201;
$enchanted-lilac-light: mix(#fff, $enchanted-lilac, 20%);
$enchanted-lilac-dark: mix(#000, $enchanted-lilac, 20%);
.element {
color: $enchanted-lilac;
box-shadow: 0 0 0 2px rgba($enchanted-lilac, 0.35);
}