命名颜色 · #4A148C
Pitch Violet
Pitch Violet 即 #4A148C：rgb(74 20 140)、hsl(267 75% 31%)、oklch(0.36 0.176 296.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Pitch Violet color name →
#4A148C
oklch(0.36 0.176 296.3)
颜色转换
- HEX
- #4a148c
- RGB
- rgb(74 20 140)
- HSL
- hsl(267 75% 31%)
- HWB
- hwb(267 8% 45%)
- OKLCH
- oklch(0.36 0.176 296.3)
- OKLab
- oklab(0.36 0.078 -0.158)
- CIE Lab
- lab(22.35 43.33 -56.22)
- LCH
- lch(22.35 70.98 307.6)
- CMYK
- cmyk(47% 86% 0% 45%)
浅色调 · 深色调 · 灰色调
浅色调
- 593299
- 694AA5
- 7A61B1
- 8B77BD
- 9D8DC9
- B0A3D4
- C3BADF
- D7D1EA
- EBE8F5
深色调
- 3F1079
- 350C67
- 2A0855
- 200543
- 170333
- 0E0123
- 060114
- 020007
- 000001
灰色调
- 4E268C
- 53338C
- 583E8B
- 5D498A
- 62528A
- 685C88
- 6E6587
- 746E85
- 7A7783
配色和谐
互补色 +180°
- 4A148C
Pitch Violet
- 3B4200
≈ Green Not Found
类似色 -30° +30°
- 4A148C
Pitch Violet
- 132C97
≈ Blue Torus
- 66006A
≈ Purple Dreamer
三角配色 +120° +240°
- 4A148C
Pitch Violet
- 5F2E00
≈ Count Chocula
- 00483C
≈ Tropical Forest
分裂互补色 +150° +210°
- 4A148C
Pitch Violet
- 4E3A00
≈ Xanthophobia
- 004B14
≈ Dark Fern
四角配色 +90° +180° +270°
- 4A148C
Pitch Violet
- 78000A
≈ Japanese Maple
- 3B4200
≈ Green Not Found
- 00464D
≈ Incubi Darkness
对比度与无障碍
Ag
AAA白底
WCAG 11.86:1 · APCA Lc 96
Ag
Fail黑底
WCAG 1.76:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 11.86:1 (AAA) · APCA Lc 96
Contrast pairs
代码片段
CSS
:root {
--pitch-violet: #4a148c;
--pitch-violet-rgb: 74 20 140;
--pitch-violet-oklch: oklch(0.36 0.176 296.3);
}
.element {
color: var(--pitch-violet);
background-color: hsl(267 75% 31%);
border-color: oklch(0.36 0.176 296.3);
}Tailwind CSS v4
@theme {
--color-pitch-violet: #4a148c;
--color-pitch-violet-50: #fbebff;
--color-pitch-violet-100: #efdcff;
--color-pitch-violet-200: #ddc4ff;
--color-pitch-violet-300: #c3a2ff;
--color-pitch-violet-400: #a985f9;
--color-pitch-violet-500: #9465eb;
--color-pitch-violet-600: #7d56c6;
--color-pitch-violet-700: #64459f;
--color-pitch-violet-800: #473278;
--color-pitch-violet-900: #312255;
--color-pitch-violet-950: #1e1139;
}SCSS
$pitch-violet: #4a148c;
$pitch-violet-rgb: 74, 20, 140;
$pitch-violet-light: mix(#fff, $pitch-violet, 20%);
$pitch-violet-dark: mix(#000, $pitch-violet, 20%);
.element {
color: $pitch-violet;
box-shadow: 0 0 0 2px rgba($pitch-violet, 0.35);
}