لون مسمّى · #A18AB7
Kismet
Kismet هو #A18AB7: rgb(161 138 183)، hsl(271 24% 63%)، oklch(0.67 0.07 307.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Kismet color name →
#A18AB7
oklch(0.67 0.07 307.8)
تحويلات الألوان
- HEX
- #a18ab7
- RGB
- rgb(161 138 183)
- HSL
- hsl(271 24% 63%)
- HWB
- hwb(271 54% 28%)
- OKLCH
- oklch(0.67 0.07 307.8)
- OKLab
- oklab(0.67 0.043 -0.055)
- CIE Lab
- lab(60.8 15.51 -20.36)
- LCH
- lch(60.8 25.6 307.3)
- CMYK
- cmyk(12% 25% 0% 28%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AA95BE
- B3A1C5
- BCACCD
- C6B8D4
- CFC3DB
- D8CFE2
- E2DBE9
- ECE7F1
- F5F3F8
درجات داكنة
- 8B779F
- 766587
- 625370
- 4E425A
- 3C3245
- 2A2231
- 19141E
- 09070C
- 010102
درجات رمادية
- 9E89B1
- 9A88AC
- 9787A6
- 9486A1
- 90859B
- 8D8496
- 8A8391
- 87828B
- 838186
تناسق الألوان
متمم +180°
- A18AB7
Kismet
- 899E6F
≈ Purslane
متجاور -30° +30°
- A18AB7
Kismet
- 8B91C0
≈ Sweet William
- B285A4
≈ Purple Stripe
ثلاثي +120° +240°
- A18AB7
Kismet
- B28D66
≈ Beast Hide
- 5FA39D
≈ Aqua Rapids
متمم منقسم +150° +210°
- A18AB7
Kismet
- A19663
≈ Terran Khaki
- 70A385
≈ Corporate Green
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.07:1 · APCA Lc 58
Ag
AAعلى الأسود
WCAG 6.83:1 · APCA Lc 44
أفضل لون للنص: #000000
WCAG 6.83:1 (AA) · APCA Lc 44
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--kismet: #a18ab7;
--kismet-rgb: 161 138 183;
--kismet-oklch: oklch(0.67 0.07 307.8);
}
.element {
color: var(--kismet);
background-color: hsl(271 24% 63%);
border-color: oklch(0.67 0.07 307.8);
}Tailwind CSS v4
@theme {
--color-kismet: #a18ab7;
--color-kismet-50: #fbf0ff;
--color-kismet-100: #efe2fa;
--color-kismet-200: #ddcdeb;
--color-kismet-300: #c2aed3;
--color-kismet-400: #aa94bf;
--color-kismet-500: #937aaa;
--color-kismet-600: #7c6790;
--color-kismet-700: #635273;
--color-kismet-800: #483c56;
--color-kismet-900: #32293c;
--color-kismet-950: #1e1726;
}SCSS
$kismet: #a18ab7;
$kismet-rgb: 161, 138, 183;
$kismet-light: mix(#fff, $kismet, 20%);
$kismet-dark: mix(#000, $kismet, 20%);
.element {
color: $kismet;
box-shadow: 0 0 0 2px rgba($kismet, 0.35);
}