Benannte Farbe · #807396
Purple Haze
Purple Haze ist #807396: rgb(128 115 150), hsl(262 14% 52%), oklch(0.58 0.055 301.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Haze color name →
#807396
oklch(0.58 0.055 301.7)
Farbumrechnungen
- HEX
- #807396
- RGB
- rgb(128 115 150)
- HSL
- hsl(262 14% 52%)
- HWB
- hwb(262 45% 41%)
- OKLCH
- oklch(0.58 0.055 301.7)
- OKLab
- oklab(0.58 0.029 -0.047)
- CIE Lab
- lab(50.62 10.68 -17.18)
- LCH
- lch(50.62 20.23 301.9)
- CMYK
- cmyk(15% 23% 0% 41%)
Tints · Shades · Tones
Tints
- 8C80A0
- 988EAB
- A49BB5
- B1A9BF
- BDB7CA
- CAC5D4
- D7D3DF
- E4E2EA
- F2F0F4
Shades
- 6E6382
- 5D546E
- 4D455B
- 3D3649
- 2E2837
- 1F1B26
- 120F16
- 060508
- 010101
Tones
- 807494
- 807692
- 807790
- 80788D
- 807A8B
- 807B89
- 807C87
- 807E85
- 807F82
Farbharmonien
Komplementär +180°
- 807396
Purple Haze
- 75805B
≈ Grape Vine
Analog -30° +30°
- 807396
Purple Haze
- 6F799C
≈ Quantum Blue
- 8E6F89
≈ Dianthus Mauve
Triadisch +120° +240°
- 807396
Purple Haze
- 927359
≈ Arrow Creek
- 54857D
≈ Jericho Jade
Geteilt komplementär +150° +210°
- 807396
Purple Haze
- 867A55
≈ Dried Herb
- 62846A
≈ Clouded Pine
Tetradisch +90° +180° +270°
- 807396
Purple Haze
- 986F66
≈ Antique Rose
- 75805B
≈ Grape Vine
- 52838D
≈ Cape Lee
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.36:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.81:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.81:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--purple-haze: #807396;
--purple-haze-rgb: 128 115 150;
--purple-haze-oklch: oklch(0.58 0.055 301.7);
}
.element {
color: var(--purple-haze);
background-color: hsl(262 14% 52%);
border-color: oklch(0.58 0.055 301.7);
}Tailwind CSS v4
@theme {
--color-purple-haze: #807396;
--color-purple-haze-50: #f8f2ff;
--color-purple-haze-100: #ebe4f7;
--color-purple-haze-200: #d9cfe8;
--color-purple-haze-300: #bdb1cf;
--color-purple-haze-400: #a497ba;
--color-purple-haze-500: #8c7ea5;
--color-purple-haze-600: #776b8b;
--color-purple-haze-700: #5f5570;
--color-purple-haze-800: #453e53;
--color-purple-haze-900: #302b3a;
--color-purple-haze-950: #1c1824;
}SCSS
$purple-haze: #807396;
$purple-haze-rgb: 128, 115, 150;
$purple-haze-light: mix(#fff, $purple-haze, 20%);
$purple-haze-dark: mix(#000, $purple-haze, 20%);
.element {
color: $purple-haze;
box-shadow: 0 0 0 2px rgba($purple-haze, 0.35);
}