Benannte Farbe · #4B2C74
Mystic Nights
Mystic Nights ist #4B2C74: rgb(75 44 116), hsl(266 45% 31%), oklch(0.37 0.12 300.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Mystic Nights color name →
#4B2C74
oklch(0.37 0.12 300.5)
Farbumrechnungen
- HEX
- #4b2c74
- RGB
- rgb(75 44 116)
- HSL
- hsl(266 45% 31%)
- HWB
- hwb(266 17% 55%)
- OKLCH
- oklch(0.37 0.12 300.5)
- OKLab
- oklab(0.37 0.061 -0.103)
- CIE Lab
- lab(25.04 26.96 -36.74)
- LCH
- lch(25.04 45.57 306.3)
- CMYK
- cmyk(35% 62% 0% 55%)
Tints · Shades · Tones
Tints
- 5B4082
- 6B5490
- 7C699E
- 8E7DAC
- A092BA
- B2A7C8
- C5BCD5
- D8D2E3
- EBE8F1
Shades
- 402564
- 351E54
- 2B1745
- 211137
- 170A29
- 0E051B
- 06020F
- 020105
- 000001
Tones
- 503576
- 553E78
- 5A4779
- 5F4F7B
- 64577C
- 6A5F7D
- 6F687E
- 75707F
- 7A7880
Farbharmonien
Komplementär +180°
- 4B2C74
Mystic Nights
- 3A4600
≈ Green Not Found
Analog -30° +30°
- 4B2C74
Mystic Nights
- 29387E
≈ Surf the Web
- 61225D
≈ Blackest Berry
Triadisch +120° +240°
- 4B2C74
Mystic Nights
- 603300
≈ Beasty Brown
- 004B41
≈ Aqua Deep
Geteilt komplementär +150° +210°
- 4B2C74
Mystic Nights
- 4F3D00
≈ Xanthophobia
- 004E21
≈ Lemon Balm Green
Tetradisch +90° +180° +270°
- 4B2C74
Mystic Nights
- 721E13
≈ Prune
- 3A4600
≈ Green Not Found
- 004953
≈ Midnight Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.98:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.91:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.98:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--mystic-nights: #4b2c74;
--mystic-nights-rgb: 75 44 116;
--mystic-nights-oklch: oklch(0.37 0.12 300.5);
}
.element {
color: var(--mystic-nights);
background-color: hsl(266 45% 31%);
border-color: oklch(0.37 0.12 300.5);
}Tailwind CSS v4
@theme {
--color-mystic-nights: #4b2c74;
--color-mystic-nights-50: #fbeeff;
--color-mystic-nights-100: #efdfff;
--color-mystic-nights-200: #dec9ff;
--color-mystic-nights-300: #c3a9ea;
--color-mystic-nights-400: #aa8eda;
--color-mystic-nights-500: #9372c9;
--color-mystic-nights-600: #7d61a9;
--color-mystic-nights-700: #644d88;
--color-mystic-nights-800: #483866;
--color-mystic-nights-900: #322648;
--color-mystic-nights-950: #1e152f;
}SCSS
$mystic-nights: #4b2c74;
$mystic-nights-rgb: 75, 44, 116;
$mystic-nights-light: mix(#fff, $mystic-nights, 20%);
$mystic-nights-dark: mix(#000, $mystic-nights, 20%);
.element {
color: $mystic-nights;
box-shadow: 0 0 0 2px rgba($mystic-nights, 0.35);
}