أقرب لون مسمّى · #B7AAD9
#B7AAD9
أقرب لون مسمّى: Imperial Lilac
#B7AAD9 (rgb(183 170 217)، hsl(257 38% 76%)، oklch(0.765 0.068 297.5)) أقرب إلى اللون المسمّى Imperial Lilac. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#B7AAD9
oklch(0.765 0.068 297.5)
تحويلات الألوان
- HEX
- #b7aad9
- RGB
- rgb(183 170 217)
- HSL
- hsl(257 38% 76%)
- HWB
- hwb(257 67% 15%)
- OKLCH
- oklch(0.765 0.068 297.5)
- OKLab
- oklab(0.765 0.031 -0.06)
- CIE Lab
- lab(71.93 11.82 -22.15)
- LCH
- lch(71.93 25.11 298.1)
- CMYK
- cmyk(16% 22% 0% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BEB2DD
- C5BBE1
- CCC3E5
- D3CCE9
- DAD4EC
- E2DDF0
- E9E5F4
- F0EEF8
- F8F6FB
درجات داكنة
- 9F93BC
- 877DA1
- 706886
- 5A536C
- 453F53
- 312D3B
- 1E1B25
- 0C0B11
- 020102
درجات رمادية
- B1A6D0
- ACA2C7
- A69DBE
- A099B5
- 9B95AC
- 9591A3
- 908D9A
- 8B8891
- 858489
تناسق الألوان
متمم +180°
- B7AAD9
Imperial Lilac
- AFB988
≈ Lima Green
متجاور -30° +30°
- B7AAD9
Imperial Lilac
- A0B2DF
≈ Myrtle Flower
- CBA4C9
≈ Stormy Sunrise
ثلاثي +120° +240°
- B7AAD9
Imperial Lilac
- D4A888
≈ Autumn Air
- 83C1B2
≈ Seaborn
متمم منقسم +150° +210°
- B7AAD9
Imperial Lilac
- C5B181
≈ Desert Floor
- 96BF9A
≈ Green-Eyed Lady
رباعي +90° +180° +270°
- B7AAD9
Imperial Lilac
- DBA39B
≈ Quiet Pink
- AFB988
≈ Lima Green
- 7EBFC9
≈ Meltwater
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.15:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.76:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--imperial-lilac: #b7aad9;
--imperial-lilac-rgb: 183 170 217;
--imperial-lilac-oklch: oklch(0.765 0.068 297.5);
}
.element {
color: var(--imperial-lilac);
background-color: hsl(257 38% 76%);
border-color: oklch(0.765 0.068 297.5);
}Tailwind CSS v4
@theme {
--color-imperial-lilac: #b7aad9;
--color-imperial-lilac-50: #f8f1ff;
--color-imperial-lilac-100: #ebe3fc;
--color-imperial-lilac-200: #d8ceee;
--color-imperial-lilac-300: #bcb0d6;
--color-imperial-lilac-400: #a396c2;
--color-imperial-lilac-500: #8b7dae;
--color-imperial-lilac-600: #766a93;
--color-imperial-lilac-700: #5e5476;
--color-imperial-lilac-800: #443e58;
--color-imperial-lilac-900: #2f2a3d;
--color-imperial-lilac-950: #1c1827;
}SCSS
$imperial-lilac: #b7aad9;
$imperial-lilac-rgb: 183, 170, 217;
$imperial-lilac-light: mix(#fff, $imperial-lilac, 20%);
$imperial-lilac-dark: mix(#000, $imperial-lilac, 20%);
.element {
color: $imperial-lilac;
box-shadow: 0 0 0 2px rgba($imperial-lilac, 0.35);
}