لون مسمّى · #B9A0D2
Purple Premiere
Purple Premiere هو #B9A0D2: rgb(185 160 210)، hsl(270 36% 73%)، oklch(0.745 0.076 307.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Purple Premiere color name →
#B9A0D2
oklch(0.745 0.076 307.3)
تحويلات الألوان
- HEX
- #b9a0d2
- RGB
- rgb(185 160 210)
- HSL
- hsl(270 36% 73%)
- HWB
- hwb(270 63% 18%)
- OKLCH
- oklch(0.745 0.076 307.3)
- OKLab
- oklab(0.745 0.046 -0.06)
- CIE Lab
- lab(69.4 16.59 -22.13)
- LCH
- lch(69.4 27.65 306.9)
- CMYK
- cmyk(12% 24% 0% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C0A9D7
- C7B3DB
- CEBCE0
- D5C5E4
- DCCFE9
- E3D8ED
- EAE2F2
- F1ECF6
- F8F5FB
درجات داكنة
- A08BB6
- 89769B
- 716181
- 5B4E68
- 463B50
- 312939
- 1E1924
- 0D0910
- 020102
درجات رمادية
- B39DCA
- AD9AC1
- A897B9
- A293B1
- 9C90A9
- 968DA0
- 918A98
- 8B8790
- 868388
تناسق الألوان
متمم +180°
- B9A0D2
Purple Premiere
- 9FB682
≈ Mesclun Green
متجاور -30° +30°
- B9A0D2
Purple Premiere
- A0A8DC
≈ Sorbet Ice Mauve
- CC9ABE
≈ Peach Buff
ثلاثي +120° +240°
- B9A0D2
Purple Premiere
- CDA478
≈ Golden Beige
- 71BCB4
≈ Earth Eclipse
متمم منقسم +150° +210°
- B9A0D2
Purple Premiere
- B9AD75
≈ Goldie Oldie
- 84BB9A
≈ Grand Gusto
رباعي +90° +180° +270°
- B9A0D2
Purple Premiere
- D79C8A
≈ Medium Terracotta
- 9FB682
≈ Mesclun Green
- 72B8CC
≈ Blue Brocade
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.32:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 9.02:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--purple-premiere: #b9a0d2;
--purple-premiere-rgb: 185 160 210;
--purple-premiere-oklch: oklch(0.745 0.076 307.3);
}
.element {
color: var(--purple-premiere);
background-color: hsl(270 36% 73%);
border-color: oklch(0.745 0.076 307.3);
}Tailwind CSS v4
@theme {
--color-purple-premiere: #b9a0d2;
--color-purple-premiere-50: #fcf0ff;
--color-purple-premiere-100: #efe1fc;
--color-purple-premiere-200: #decced;
--color-purple-premiere-300: #c3add5;
--color-purple-premiere-400: #aa93c2;
--color-purple-premiere-500: #9479ad;
--color-purple-premiere-600: #7d6693;
--color-purple-premiere-700: #645275;
--color-purple-premiere-800: #493c57;
--color-purple-premiere-900: #32293d;
--color-purple-premiere-950: #1e1727;
}SCSS
$purple-premiere: #b9a0d2;
$purple-premiere-rgb: 185, 160, 210;
$purple-premiere-light: mix(#fff, $purple-premiere, 20%);
$purple-premiere-dark: mix(#000, $purple-premiere, 20%);
.element {
color: $purple-premiere;
box-shadow: 0 0 0 2px rgba($purple-premiere, 0.35);
}