أقرب لون مسمّى · #BAA6F8
#BAA6F8
أقرب لون مسمّى: Diva
#BAA6F8 (rgb(186 166 248)، hsl(255 85% 81%)، oklch(0.773 0.117 294.7)) أقرب إلى اللون المسمّى Diva. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#BAA6F8
oklch(0.773 0.117 294.7)
تحويلات الألوان
- HEX
- #baa6f8
- RGB
- rgb(186 166 248)
- HSL
- hsl(255 85% 81%)
- HWB
- hwb(255 65% 3%)
- OKLCH
- oklch(0.773 0.117 294.7)
- OKLab
- oklab(0.773 0.049 -0.106)
- CIE Lab
- lab(72.2 20.27 -38.54)
- LCH
- lch(72.2 43.54 297.7)
- CMYK
- cmyk(25% 33% 0% 3%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C1AFF9
- C7B8FA
- CEC1FB
- D5CAFC
- DCD3FD
- E2DCFE
- E9E4FE
- F1EDFF
- F8F6FF
درجات داكنة
- A190D8
- 897AB8
- 72659A
- 5C517C
- 463E60
- 322B45
- 1E1A2C
- 0D0A15
- 020103
درجات رمادية
- B4A2EC
- AE9FDF
- A89BD3
- A297C7
- 9C94BB
- 9690AF
- 918CA3
- 8B8898
- 85848C
تناسق الألوان
متمم +180°
- BAA6F8
Diva
- B3BE63
≈ Light Olive
متجاور -30° +30°
- BAA6F8
Diva
- 91B4FF
≈ Carolina Blue
- DB9BDE
≈ Herb Robert
ثلاثي +120° +240°
متمم منقسم +150° +210°
- BAA6F8
Diva
- D8AF57
≈ Golden Cricket
- 85C986
≈ De York
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.12:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.89:1 · APCA Lc 61
أفضل لون للنص: #000000
WCAG 9.89:1 (AAA) · APCA Lc 61
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--diva: #baa6f8;
--diva-rgb: 186 166 248;
--diva-oklch: oklch(0.773 0.117 294.7);
}
.element {
color: var(--diva);
background-color: hsl(255 85% 81%);
border-color: oklch(0.773 0.117 294.7);
}Tailwind CSS v4
@theme {
--color-diva: #baa6f8;
--color-diva-50: #f8efff;
--color-diva-100: #ebe1ff;
--color-diva-200: #d9cbff;
--color-diva-300: #bdabec;
--color-diva-400: #a390dc;
--color-diva-500: #8c75cb;
--color-diva-600: #7663ab;
--color-diva-700: #5f4f8a;
--color-diva-800: #443a67;
--color-diva-900: #2f2848;
--color-diva-950: #1c152f;
}SCSS
$diva: #baa6f8;
$diva-rgb: 186, 166, 248;
$diva-light: mix(#fff, $diva, 20%);
$diva-dark: mix(#000, $diva, 20%);
.element {
color: $diva;
box-shadow: 0 0 0 2px rgba($diva, 0.35);
}