命名颜色 · #7722AA
Fuchsia Nebula
Fuchsia Nebula 即 #7722AA：rgb(119 34 170)、hsl(278 67% 40%)、oklch(0.456 0.202 308.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Fuchsia Nebula color name →
#7722AA
oklch(0.456 0.202 308.5)
颜色转换
- HEX
- #7722aa
- RGB
- rgb(119 34 170)
- HSL
- hsl(278 67% 40%)
- HWB
- hwb(278 13% 33%)
- OKLCH
- oklch(0.456 0.202 308.5)
- OKLab
- oklab(0.456 0.126 -0.158)
- CIE Lab
- lab(33.32 52.74 -56.29)
- LCH
- lch(33.32 77.14 313.1)
- CMYK
- cmyk(30% 80% 0% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- 843FB4
- 9156BD
- 9E6CC6
- AC81CF
- B996D8
- C7ABE0
- D5BFE8
- E3D4F0
- F1EAF8
深色调
- 671C93
- 57167D
- 471168
- 380B53
- 2A073F
- 1C032D
- 10011B
- 05000B
- 010001
灰色调
- 7832A7
- 793EA3
- 7A48A0
- 7B519C
- 7C5A98
- 7D6294
- 7E6A8F
- 7E728A
- 7F7985
配色和谐
互补色 +180°
- 7722AA
Fuchsia Nebula
- 426300
≈ Camouflage Green
类似色 -30° +30°
- 7722AA
Fuchsia Nebula
- 463BC3
≈ Royal Nightcore
- 96007B
≈ Persian Luxury Purple
三角配色 +120° +240°
- 7722AA
Fuchsia Nebula
- 7B4B00
≈ Lucky Brown
- 006560
≈ Peacock Pride
分裂互补色 +150° +210°
- 7722AA
Fuchsia Nebula
- 655700
≈ Ayahuasca Vine
- 006840
≈ Celtic Clover
四角配色 +90° +180° +270°
- 7722AA
Fuchsia Nebula
- 972E00
≈ Hawaiian Malasada
- 426300
≈ Camouflage Green
- 006176
≈ Ocean Radiance
对比度与无障碍
Ag
AAA白底
WCAG 8.09:1 · APCA Lc 87
Ag
Fail黑底
WCAG 2.59:1 · APCA Lc 15
最佳文字颜色: #FFFFFF
WCAG 8.09:1 (AAA) · APCA Lc 87
Contrast pairs
代码片段
CSS
:root {
--fuchsia-nebula: #7722aa;
--fuchsia-nebula-rgb: 119 34 170;
--fuchsia-nebula-oklch: oklch(0.456 0.202 308.5);
}
.element {
color: var(--fuchsia-nebula);
background-color: hsl(278 67% 40%);
border-color: oklch(0.456 0.202 308.5);
}Tailwind CSS v4
@theme {
--color-fuchsia-nebula: #7722aa;
--color-fuchsia-nebula-50: #ffe6ff;
--color-fuchsia-nebula-100: #fdd5ff;
--color-fuchsia-nebula-200: #efbbff;
--color-fuchsia-nebula-300: #d897ff;
--color-fuchsia-nebula-400: #c077f8;
--color-fuchsia-nebula-500: #ac53e9;
--color-fuchsia-nebula-600: #9147c5;
--color-fuchsia-nebula-700: #75399e;
--color-fuchsia-nebula-800: #542978;
--color-fuchsia-nebula-900: #3b1c55;
--color-fuchsia-nebula-950: #250b39;
}SCSS
$fuchsia-nebula: #7722aa;
$fuchsia-nebula-rgb: 119, 34, 170;
$fuchsia-nebula-light: mix(#fff, $fuchsia-nebula, 20%);
$fuchsia-nebula-dark: mix(#000, $fuchsia-nebula, 20%);
.element {
color: $fuchsia-nebula;
box-shadow: 0 0 0 2px rgba($fuchsia-nebula, 0.35);
}