أقرب لون مسمّى · #BC8DA9
#BC8DA9
أقرب لون مسمّى: Mauve Magic
#BC8DA9 (rgb(188 141 169)، hsl(324 26% 65%)، oklch(0.697 0.068 342.5)) أقرب إلى اللون المسمّى Mauve Magic. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#BC8DA9
oklch(0.697 0.068 342.5)
تحويلات الألوان
- HEX
- #bc8da9
- RGB
- rgb(188 141 169)
- HSL
- hsl(324 26% 65%)
- HWB
- hwb(324 55% 26%)
- OKLCH
- oklch(0.697 0.068 342.5)
- OKLab
- oklab(0.697 0.065 -0.02)
- CIE Lab
- lab(63.91 21.71 -7.5)
- LCH
- lch(63.91 22.96 340.9)
- CMYK
- cmyk(0% 25% 10% 26%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C398B1
- CAA3BA
- D1AEC2
- D7BACB
- DEC5D3
- E5D0DC
- EBDCE5
- F2E8ED
- F8F3F6
درجات داكنة
- A37A92
- 8B677C
- 735567
- 5D4453
- 47333F
- 32232C
- 1F141B
- 0D070A
- 020101
درجات رمادية
- B68CA5
- B08BA1
- AA899D
- A48898
- 9E8794
- 988690
- 92848C
- 8C8388
- 868184
تناسق الألوان
متمم +180°
- BC8DA9
Mauve Magic
- 76AB91
≈ Acapulco
متجاور -30° +30°
- BC8DA9
Mauve Magic
- AC92BC
≈ Lavender Earl
- C48C92
≈ Solid Pink
ثلاثي +120° +240°
- BC8DA9
Mauve Magic
- A5A06E
≈ Westcar Papyrus
- 6DA7BC
≈ Blue Chiffon
متمم منقسم +150° +210°
- BC8DA9
Mauve Magic
- 8DA77B
≈ Lounge Green
- 69ABA9
≈ Veranda
رباعي +90° +180° +270°
- BC8DA9
Mauve Magic
- B8976E
≈ Warrant
- 76AB91
≈ Acapulco
- 7FA1C7
≈ Shipmate
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.52:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mauve-magic: #bc8da9;
--mauve-magic-rgb: 188 141 169;
--mauve-magic-oklch: oklch(0.697 0.068 342.5);
}
.element {
color: var(--mauve-magic);
background-color: hsl(324 26% 65%);
border-color: oklch(0.697 0.068 342.5);
}Tailwind CSS v4
@theme {
--color-mauve-magic: #bc8da9;
--color-mauve-magic-50: #ffeefa;
--color-mauve-magic-100: #fadfed;
--color-mauve-magic-200: #ebc9db;
--color-mauve-magic-300: #d2aac0;
--color-mauve-magic-400: #bc8fa9;
--color-mauve-magic-500: #a67492;
--color-mauve-magic-600: #8c637c;
--color-mauve-magic-700: #714f63;
--color-mauve-magic-800: #53394a;
--color-mauve-magic-900: #3a2733;
--color-mauve-magic-950: #24151f;
}SCSS
$mauve-magic: #bc8da9;
$mauve-magic-rgb: 188, 141, 169;
$mauve-magic-light: mix(#fff, $mauve-magic, 20%);
$mauve-magic-dark: mix(#000, $mauve-magic, 20%);
.element {
color: $mauve-magic;
box-shadow: 0 0 0 2px rgba($mauve-magic, 0.35);
}