لون مسمّى · #D59CFC
Plasma Trail
Plasma Trail هو #D59CFC: rgb(213 156 252)، hsl(276 94% 80%)، oklch(0.781 0.145 310.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Plasma Trail color name →
#D59CFC
oklch(0.781 0.145 310.6)
تحويلات الألوان
- HEX
- #d59cfc
- RGB
- rgb(213 156 252)
- HSL
- hsl(276 94% 80%)
- HWB
- hwb(276 61% 1%)
- OKLCH
- oklch(0.781 0.145 310.6)
- OKLab
- oklab(0.781 0.094 -0.11)
- CIE Lab
- lab(72.59 34.69 -39.85)
- LCH
- lch(72.59 52.83 311)
- CMYK
- cmyk(15% 38% 0% 1%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D9A6FD
- DEB0FE
- E2BAFE
- E6C4FF
- EACEFF
- EED8FF
- F3E2FF
- F7ECFF
- FBF5FF
درجات داكنة
- B987DB
- 9E73BB
- 835F9C
- 6A4C7E
- 513962
- 3A2847
- 24182D
- 100916
- 020103
درجات رمادية
- CC9AEF
- C497E3
- BB95D6
- B292CA
- AA8FBD
- A18CB1
- 9989A5
- 918698
- 88838C
تناسق الألوان
متمم +180°
- D59CFC
Plasma Trail
- 98CA62
≈ Apple Orchard
متجاور -30° +30°
- D59CFC
Plasma Trail
- AAAFFF
≈ Shy Moment
- F591D4
≈ Bubblegum Kisses
ثلاثي +120° +240°
- D59CFC
Plasma Trail
- F2A63F
≈ Acorn Squash
- 00D3CC
≈ Turquoise Panic
متمم منقسم +150° +210°
- D59CFC
Plasma Trail
- CDBA38
≈ Yellowstone
- 4FD499
≈ Van Gogh Green
رباعي +90° +180° +270°
- D59CFC
Plasma Trail
- FF9974
≈ Flash in the Pan
- 98CA62
≈ Apple Orchard
- 00CCF7
≈ Bright Sky Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.10:1 · APCA Lc 41
Ag
AAAعلى الأسود
WCAG 9.99:1 · APCA Lc 61
أفضل لون للنص: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--plasma-trail: #d59cfc;
--plasma-trail-rgb: 213 156 252;
--plasma-trail-oklch: oklch(0.781 0.145 310.6);
}
.element {
color: var(--plasma-trail);
background-color: hsl(276 94% 80%);
border-color: oklch(0.781 0.145 310.6);
}Tailwind CSS v4
@theme {
--color-plasma-trail: #d59cfc;
--color-plasma-trail-50: #ffeaff;
--color-plasma-trail-100: #f9dbff;
--color-plasma-trail-200: #eac3ff;
--color-plasma-trail-300: #d1a1ed;
--color-plasma-trail-400: #b984dd;
--color-plasma-trail-500: #a466cc;
--color-plasma-trail-600: #8b57ac;
--color-plasma-trail-700: #6f458a;
--color-plasma-trail-800: #513268;
--color-plasma-trail-900: #382249;
--color-plasma-trail-950: #231130;
}SCSS
$plasma-trail: #d59cfc;
$plasma-trail-rgb: 213, 156, 252;
$plasma-trail-light: mix(#fff, $plasma-trail, 20%);
$plasma-trail-dark: mix(#000, $plasma-trail, 20%);
.element {
color: $plasma-trail;
box-shadow: 0 0 0 2px rgba($plasma-trail, 0.35);
}