Benannte Farbe · #5E0092
SQL Injection Purple
SQL Injection Purple ist #5E0092: rgb(94 0 146), hsl(279 100% 29%), oklch(0.382 0.197 306.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · SQL Injection Purple color name →
#5E0092
oklch(0.382 0.197 306.3)
Farbumrechnungen
- HEX
- #5e0092
- RGB
- rgb(94 0 146)
- HSL
- hsl(279 100% 29%)
- HWB
- hwb(279 0% 43%)
- OKLCH
- oklch(0.382 0.197 306.3)
- OKLab
- oklab(0.382 0.117 -0.159)
- CIE Lab
- lab(24.43 52.5 -56.4)
- LCH
- lch(24.43 77.05 312.9)
- CMYK
- cmyk(36% 100% 0% 43%)
Tints · Shades · Tones
Tints
- 6D2C9E
- 7C46AA
- 8B5EB6
- 9B75C1
- AB8BCC
- BBA2D7
- CCB9E1
- DDD0EB
- EEE7F5
Shades
- 51007E
- 44006B
- 370058
- 2B0046
- 1F0035
- 140025
- 0A0016
- 030008
- 000001
Tones
- 611E91
- 652E90
- 683B8F
- 6B468E
- 6F518C
- 725B8B
- 766488
- 796E86
- 7D7783
Farbharmonien
Komplementär +180°
- 5E0092
SQL Injection Purple
- 354B00
≈ Godzilla
Analog -30° +30°
- 5E0092
SQL Injection Purple
- 3124A7
≈ Deep Daijin Blue
- 740063
≈ Liche Purple
Triadisch +120° +240°
- 5E0092
SQL Injection Purple
- 603800
≈ Brown
- 004E48
≈ Action Green
Geteilt komplementär +150° +210°
- 5E0092
SQL Injection Purple
- 4F4200
≈ Roman Bronze
- 00512D
≈ Card Table Green
Tetradisch +90° +180° +270°
- 5E0092
SQL Injection Purple
- 781E00
≈ Buried Lust
- 354B00
≈ Godzilla
- 004B5A
≈ Nocturnal Expedition
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.10:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.89:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 11.10:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--sql-injection-purple: #5e0092;
--sql-injection-purple-rgb: 94 0 146;
--sql-injection-purple-oklch: oklch(0.382 0.197 306.3);
}
.element {
color: var(--sql-injection-purple);
background-color: hsl(279 100% 29%);
border-color: oklch(0.382 0.197 306.3);
}Tailwind CSS v4
@theme {
--color-sql-injection-purple: #5e0092;
--color-sql-injection-purple-50: #ffe7ff;
--color-sql-injection-purple-100: #fad7ff;
--color-sql-injection-purple-200: #ecbdff;
--color-sql-injection-purple-300: #d49aff;
--color-sql-injection-purple-400: #bc7af8;
--color-sql-injection-purple-500: #a857ea;
--color-sql-injection-purple-600: #8e4bc5;
--color-sql-injection-purple-700: #713c9f;
--color-sql-injection-purple-800: #522b78;
--color-sql-injection-purple-900: #391d55;
--color-sql-injection-purple-950: #240c39;
}SCSS
$sql-injection-purple: #5e0092;
$sql-injection-purple-rgb: 94, 0, 146;
$sql-injection-purple-light: mix(#fff, $sql-injection-purple, 20%);
$sql-injection-purple-dark: mix(#000, $sql-injection-purple, 20%);
.element {
color: $sql-injection-purple;
box-shadow: 0 0 0 2px rgba($sql-injection-purple, 0.35);
}