命名颜色 · #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);
}