Benannte Farbe · #5A226F
Violethargic
Violethargic ist #5A226F: rgb(90 34 111), hsl(284 53% 28%), oklch(0.372 0.134 315.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Violethargic color name →
#5A226F
oklch(0.372 0.134 315.4)
Farbumrechnungen
- HEX
- #5a226f
- RGB
- rgb(90 34 111)
- HSL
- hsl(284 53% 28%)
- HWB
- hwb(284 13% 56%)
- OKLCH
- oklch(0.372 0.134 315.4)
- OKLab
- oklab(0.372 0.095 -0.094)
- CIE Lab
- lab(24.91 35.67 -33.61)
- LCH
- lch(24.91 49.01 316.7)
- CMYK
- cmyk(19% 69% 0% 56%)
Tints · Shades · Tones
Tints
- 6A397D
- 7A4E8C
- 8A639A
- 9A78A8
- AA8EB7
- BBA4C5
- CCBAD4
- DDD1E2
- EEE8F0
Shades
- 4D1C60
- 411651
- 351142
- 290B34
- 1E0727
- 13031A
- 09010E
- 030004
- 000001
Tones
- 5E2D71
- 623773
- 664176
- 6A4A77
- 6E5379
- 725C7B
- 75657C
- 796E7E
- 7C777F
Farbharmonien
Komplementär +180°
- 5A226F
Violethargic
- 234C00
≈ Malachite Green
Analog -30° +30°
- 5A226F
Violethargic
- 3D2F82
≈ Clear Purple
- 6D164F
≈ Velvet
Triadisch +120° +240°
- 5A226F
Violethargic
- 583900
≈ Pineapple
- 004A4B
≈ Deep Into the Jungle
Geteilt komplementär +150° +210°
- 5A226F
Violethargic
- 464200
≈ Green Not Found
- 004D36
≈ Chrysocolla Dark Green
Tetradisch +90° +180° +270°
- 5A226F
Violethargic
- 6B2900
≈ Centipede Brown
- 234C00
≈ Malachite Green
- 00475C
≈ Loyal Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.09:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.89:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 11.09:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--violethargic: #5a226f;
--violethargic-rgb: 90 34 111;
--violethargic-oklch: oklch(0.372 0.134 315.4);
}
.element {
color: var(--violethargic);
background-color: hsl(284 53% 28%);
border-color: oklch(0.372 0.134 315.4);
}Tailwind CSS v4
@theme {
--color-violethargic: #5a226f;
--color-violethargic-50: #ffeaff;
--color-violethargic-100: #fbdbff;
--color-violethargic-200: #ecc3fa;
--color-violethargic-300: #d4a2e5;
--color-violethargic-400: #bd85d4;
--color-violethargic-500: #a767c2;
--color-violethargic-600: #8e58a4;
--color-violethargic-700: #714683;
--color-violethargic-800: #533363;
--color-violethargic-900: #3a2345;
--color-violethargic-950: #24112d;
}SCSS
$violethargic: #5a226f;
$violethargic-rgb: 90, 34, 111;
$violethargic-light: mix(#fff, $violethargic, 20%);
$violethargic-dark: mix(#000, $violethargic, 20%);
.element {
color: $violethargic;
box-shadow: 0 0 0 2px rgba($violethargic, 0.35);
}