Nazwany kolor · #DC41F1
Apple II Magenta
Apple II Magenta to #DC41F1: rgb(220 65 241), hsl(293 86% 60%), oklch(0.668 0.267 322.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Apple II Magenta color name →
#DC41F1
oklch(0.668 0.267 322.6)
Konwersje koloru
- HEX
- #dc41f1
- RGB
- rgb(220 65 241)
- HSL
- hsl(293 86% 60%)
- HWB
- hwb(293 25% 5%)
- OKLCH
- oklch(0.668 0.267 322.6)
- OKLab
- oklab(0.668 0.212 -0.162)
- CIE Lab
- lab(57.12 75.03 -58)
- LCH
- lch(57.12 94.83 322.3)
- CMYK
- cmyk(9% 73% 0% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E15CF4
- E672F6
- EA86F8
- EE99FA
- F2ABFB
- F5BCFD
- F8CDFE
- FBDEFE
- FDEEFF
Odcienie ciemniejsze
- BF37D2
- A32EB3
- 882595
- 6E1C79
- 54135D
- 3C0B43
- 26052B
- 110114
- 020003
Tony
- D34EE6
- CB58DB
- C260D0
- B967C4
- B06DB9
- A772AE
- 9E76A3
- 947A97
- 8A7D8C
Harmonie kolorów
Komplementarna +180°
- DC41F1
Apple II Magenta
- 00B405
≈ Bubble Bobble Green
Analogowa -30° +30°
- DC41F1
Apple II Magenta
- 9B77FF
≈ Forgotten Purple
- FF28A3
≈ Persian Rose
Triada +120° +240°
- DC41F1
Apple II Magenta
- BE8B00
≈ Kenyan Sand
- 00A9B3
≈ Exotic Sea
Komplementarna rozszczepiona +150° +210°
- DC41F1
Apple II Magenta
- 979D00
≈ Papyrus
- 00AE8C
≈ Hobgoblin
Tetrada +90° +180° +270°
- DC41F1
Apple II Magenta
- E27000
≈ Accent Orange
- 00B405
≈ Bubble Bobble Green
- 00A1DA
≈ Vanadyl Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.45:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.06:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.06:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--apple-ii-magenta: #dc41f1;
--apple-ii-magenta-rgb: 220 65 241;
--apple-ii-magenta-oklch: oklch(0.668 0.267 322.6);
}
.element {
color: var(--apple-ii-magenta);
background-color: hsl(293 86% 60%);
border-color: oklch(0.668 0.267 322.6);
}Tailwind CSS v4
@theme {
--color-apple-ii-magenta: #dc41f1;
--color-apple-ii-magenta-50: #ffdbff;
--color-apple-ii-magenta-100: #ffc9ff;
--color-apple-ii-magenta-200: #ffaaff;
--color-apple-ii-magenta-300: #f880ff;
--color-apple-ii-magenta-400: #e455f8;
--color-apple-ii-magenta-500: #d200e9;
--color-apple-ii-magenta-600: #b10fc5;
--color-apple-ii-magenta-700: #8e0f9e;
--color-apple-ii-magenta-800: #680a79;
--color-apple-ii-magenta-900: #490755;
--color-apple-ii-magenta-950: #300039;
}SCSS
$apple-ii-magenta: #dc41f1;
$apple-ii-magenta-rgb: 220, 65, 241;
$apple-ii-magenta-light: mix(#fff, $apple-ii-magenta, 20%);
$apple-ii-magenta-dark: mix(#000, $apple-ii-magenta, 20%);
.element {
color: $apple-ii-magenta;
box-shadow: 0 0 0 2px rgba($apple-ii-magenta, 0.35);
}