Benannte Farbe · #551199
Amarklor Violet
Amarklor Violet ist #551199: rgb(85 17 153), hsl(270 80% 33%), oklch(0.384 0.193 298.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Amarklor Violet color name →
#551199
oklch(0.384 0.193 298.6)
Farbumrechnungen
- HEX
- #551199
- RGB
- rgb(85 17 153)
- HSL
- hsl(270 80% 33%)
- HWB
- hwb(270 7% 40%)
- OKLCH
- oklch(0.384 0.193 298.6)
- OKLab
- oklab(0.384 0.092 -0.169)
- CIE Lab
- lab(24.81 48.65 -60.15)
- LCH
- lch(24.81 77.36 309)
- CMYK
- cmyk(44% 89% 0% 40%)
Tints · Shades · Tones
Tints
- 6333A5
- 724CB0
- 8263BB
- 9379C6
- A48FD0
- B5A5DA
- C7BBE4
- D9D1ED
- ECE8F6
Shades
- 490D84
- 3D0970
- 31065D
- 26044A
- 1C0238
- 110127
- 080017
- 020008
- 000001
Tones
- 582698
- 5C3496
- 603F94
- 644A92
- 685490
- 6D5D8E
- 71668B
- 766F88
- 7B7884
Farbharmonien
Komplementär +180°
- 551199
Amarklor Violet
- 3F4A00
≈ No Emissions Green
Analog -30° +30°
- 551199
Amarklor Violet
- 1E2DA8
≈ Egyptian Blue
- 710070
≈ Pure Purple
Triadisch +120° +240°
- 551199
Amarklor Violet
- 663500
≈ Nutmeg Wood Finish
- 005044
≈ Fjord Green
Geteilt komplementär +150° +210°
- 551199
Amarklor Violet
- 554100
≈ Roman Bronze
- 00531F
≈ Mysterious Mixture
Tetradisch +90° +180° +270°
- 551199
Amarklor Violet
- 840003
≈ Dark Red
- 3F4A00
≈ No Emissions Green
- 004D56
≈ Watercolour Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.90:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.92:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.90:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--amarklor-violet: #551199;
--amarklor-violet-rgb: 85 17 153;
--amarklor-violet-oklch: oklch(0.384 0.193 298.6);
}
.element {
color: var(--amarklor-violet);
background-color: hsl(270 80% 33%);
border-color: oklch(0.384 0.193 298.6);
}Tailwind CSS v4
@theme {
--color-amarklor-violet: #551199;
--color-amarklor-violet-50: #fee9ff;
--color-amarklor-violet-100: #f2daff;
--color-amarklor-violet-200: #e2c1ff;
--color-amarklor-violet-300: #c89eff;
--color-amarklor-violet-400: #af80ff;
--color-amarklor-violet-500: #9a5ef2;
--color-amarklor-violet-600: #8251cc;
--color-amarklor-violet-700: #6840a4;
--color-amarklor-violet-800: #4b2f7c;
--color-amarklor-violet-900: #342057;
--color-amarklor-violet-950: #1f0e3b;
}SCSS
$amarklor-violet: #551199;
$amarklor-violet-rgb: 85, 17, 153;
$amarklor-violet-light: mix(#fff, $amarklor-violet, 20%);
$amarklor-violet-dark: mix(#000, $amarklor-violet, 20%);
.element {
color: $amarklor-violet;
box-shadow: 0 0 0 2px rgba($amarklor-violet, 0.35);
}