لون مسمّى · #DD33FF
Epink
Epink هو #DD33FF: rgb(221 51 255)، hsl(290 100% 60%)، oklch(0.668 0.29 320). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Epink color name →
#DD33FF
oklch(0.668 0.29 320)
تحويلات الألوان
- HEX
- #dd33ff
- RGB
- rgb(221 51 255)
- HSL
- hsl(290 100% 60%)
- HWB
- hwb(290 20% 0%)
- OKLCH
- oklch(0.668 0.29 320)
- OKLab
- oklab(0.668 0.222 -0.187)
- CIE Lab
- lab(56.61 80.84 -66.58)
- LCH
- lch(56.61 104.73 320.5)
- CMYK
- cmyk(13% 80% 0% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E254FF
- E66DFF
- EB82FF
- EF96FF
- F2A9FF
- F6BAFF
- F8CCFF
- FBDDFF
- FDEEFF
درجات داكنة
- C02BDE
- A423BE
- 881C9E
- 6E1480
- 550D63
- 3D0748
- 26032E
- 110116
- 020003
درجات رمادية
- D445F2
- CB51E6
- C35BD9
- BA63CD
- B06AC0
- A770B4
- 9E75A7
- 94799A
- 8A7D8D
تناسق الألوان
متمم +180°
- DD33FF
Epink
- 36B200
≈ Pikkoro Green
متجاور -30° +30°
- DD33FF
Epink
- 967AFF
≈ Forgotten Purple
- FF22AB
≈ Spicy Pink
ثلاثي +120° +240°
- DD33FF
Epink
- C18900
≈ Auric
- 00A9B0
≈ Blue Bolero
متمم منقسم +150° +210°
- DD33FF
Epink
- 9B9B00
≈ Papyrus
- 00AE88
≈ Arcadia
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.50:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 5.99:1 · APCA Lc 41
أفضل لون للنص: #000000
WCAG 5.99:1 (AA) · APCA Lc 41
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--epink: #dd33ff;
--epink-rgb: 221 51 255;
--epink-oklch: oklch(0.668 0.29 320);
}
.element {
color: var(--epink);
background-color: hsl(290 100% 60%);
border-color: oklch(0.668 0.29 320);
}Tailwind CSS v4
@theme {
--color-epink: #dd33ff;
--color-epink-50: #ffdaff;
--color-epink-100: #ffc7ff;
--color-epink-200: #ffa7ff;
--color-epink-300: #f97aff;
--color-epink-400: #e54bff;
--color-epink-500: #d300f8;
--color-epink-600: #b200d1;
--color-epink-700: #8f00a8;
--color-epink-800: #690081;
--color-epink-900: #4a005b;
--color-epink-950: #30003e;
}SCSS
$epink: #dd33ff;
$epink-rgb: 221, 51, 255;
$epink-light: mix(#fff, $epink, 20%);
$epink-dark: mix(#000, $epink, 20%);
.element {
color: $epink;
box-shadow: 0 0 0 2px rgba($epink, 0.35);
}