Benannte Farbe · #9483A8
Purple Phantom
Purple Phantom ist #9483A8: rgb(148 131 168), hsl(268 18% 59%), oklch(0.638 0.058 305.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Phantom color name →
#9483A8
oklch(0.638 0.058 305.7)
Farbumrechnungen
- HEX
- #9483a8
- RGB
- rgb(148 131 168)
- HSL
- hsl(268 18% 59%)
- HWB
- hwb(268 51% 34%)
- OKLCH
- oklch(0.638 0.058 305.7)
- OKLab
- oklab(0.638 0.034 -0.047)
- CIE Lab
- lab(57.3 12.19 -17.27)
- LCH
- lch(57.3 21.14 305.2)
- CMYK
- cmyk(12% 22% 0% 34%)
Tints · Shades · Tones
Tints
- 9E8FB1
- A99BB9
- B3A7C2
- BDB3CA
- C8BFD3
- D3CCDC
- DED8E5
- E9E5ED
- F4F2F6
Shades
- 807192
- 6D607C
- 5A4F67
- 483F52
- 362F3F
- 26202C
- 16121A
- 08060A
- 010101
Tones
- 9283A4
- 9083A0
- 8E829C
- 8C8298
- 8A8294
- 888190
- 86818C
- 848188
- 828084
Farbharmonien
Komplementär +180°
- 9483A8
Purple Phantom
- 83926C
≈ Chic Shade
Analog -30° +30°
- 9483A8
Purple Phantom
- 8189AF
≈ Purple Impression
- A37F99
≈ Cali Lily
Triadisch +120° +240°
- 9483A8
Purple Phantom
- A48566
≈ Crumbling Cork
- 629791
≈ Loch Blue
Geteilt komplementär +150° +210°
- 9483A8
Purple Phantom
- 968C63
≈ Woodstock
- 6F967D
≈ Douglas Fir Green
Tetradisch +90° +180° +270°
- 9483A8
Purple Phantom
- AB8074
≈ Hickory Branch
- 83926C
≈ Chic Shade
- 6295A2
≈ Lakeshore
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.45:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.07:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--purple-phantom: #9483a8;
--purple-phantom-rgb: 148 131 168;
--purple-phantom-oklch: oklch(0.638 0.058 305.7);
}
.element {
color: var(--purple-phantom);
background-color: hsl(268 18% 59%);
border-color: oklch(0.638 0.058 305.7);
}Tailwind CSS v4
@theme {
--color-purple-phantom: #9483a8;
--color-purple-phantom-50: #faf1ff;
--color-purple-phantom-100: #ede3f7;
--color-purple-phantom-200: #dbcee8;
--color-purple-phantom-300: #bfb0cf;
--color-purple-phantom-400: #a796ba;
--color-purple-phantom-500: #8f7da5;
--color-purple-phantom-600: #796a8b;
--color-purple-phantom-700: #615470;
--color-purple-phantom-800: #463e53;
--color-purple-phantom-900: #312a3a;
--color-purple-phantom-950: #1d1824;
}SCSS
$purple-phantom: #9483a8;
$purple-phantom-rgb: 148, 131, 168;
$purple-phantom-light: mix(#fff, $purple-phantom, 20%);
$purple-phantom-dark: mix(#000, $purple-phantom, 20%);
.element {
color: $purple-phantom;
box-shadow: 0 0 0 2px rgba($purple-phantom, 0.35);
}