Benannte Farbe · #EE82ED
Lavender Magenta
Lavender Magenta ist #EE82ED: rgb(238 130 237), hsl(301 76% 72%), oklch(0.761 0.185 327.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Lavender Magenta color name →
#EE82ED
oklch(0.761 0.185 327.5)
Farbumrechnungen
- HEX
- #ee82ed
- RGB
- rgb(238 130 237)
- HSL
- hsl(301 76% 72%)
- HWB
- hwb(301 51% 7%)
- OKLCH
- oklch(0.761 0.185 327.5)
- OKLab
- oklab(0.761 0.156 -0.099)
- CIE Lab
- lab(69.58 53.16 -36.04)
- LCH
- lch(69.58 64.23 325.9)
- CMYK
- cmyk(0% 45% 0% 7%)
Tints · Shades · Tones
Tints
- F190EF
- F39DF1
- F6AAF4
- F8B6F6
- F9C3F7
- FBCFF9
- FCDBFB
- FEE7FC
- FEF3FE
Shades
- CF70CE
- B15FB0
- 934E93
- 773E77
- 5C2F5C
- 422042
- 2A122A
- 140614
- 030103
Tones
- E383E2
- D884D7
- CD84CC
- C284C1
- B884B6
- AD84AB
- A283A0
- 978296
- 8B818B
Farbharmonien
Komplementär +180°
- EE82ED
Lavender Magenta
- 4BD068
≈ UFO Green
Analog -30° +30°
- EE82ED
Lavender Magenta
- BC9DFF
≈ Diva
- FF83B2
≈ Informative Pink
Triadisch +120° +240°
- EE82ED
Lavender Magenta
- DBAA00
≈ Cabana Glow
- 00C8DC
≈ The Crowd Roars!
Geteilt komplementär +150° +210°
- EE82ED
Lavender Magenta
- AABF00
≈ Bahia
- 00CEB1
≈ Mint Leaf
Tetradisch +90° +180° +270°
- EE82ED
Lavender Magenta
- FF922C
≈ Energy Orange
- 4BD068
≈ UFO Green
- 48BDFF
≈ Glitter Lake
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.32:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.05:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.05:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--lavender-magenta: #ee82ed;
--lavender-magenta-rgb: 238 130 237;
--lavender-magenta-oklch: oklch(0.761 0.185 327.5);
}
.element {
color: var(--lavender-magenta);
background-color: hsl(301 76% 72%);
border-color: oklch(0.761 0.185 327.5);
}Tailwind CSS v4
@theme {
--color-lavender-magenta: #ee82ed;
--color-lavender-magenta-50: #ffe3ff;
--color-lavender-magenta-100: #ffd2ff;
--color-lavender-magenta-200: #ffb7fb;
--color-lavender-magenta-300: #eb93e5;
--color-lavender-magenta-400: #d672d6;
--color-lavender-magenta-500: #c34dc3;
--color-lavender-magenta-600: #a543a5;
--color-lavender-magenta-700: #843584;
--color-lavender-magenta-800: #612664;
--color-lavender-magenta-900: #441946;
--color-lavender-magenta-950: #2c092e;
}SCSS
$lavender-magenta: #ee82ed;
$lavender-magenta-rgb: 238, 130, 237;
$lavender-magenta-light: mix(#fff, $lavender-magenta, 20%);
$lavender-magenta-dark: mix(#000, $lavender-magenta, 20%);
.element {
color: $lavender-magenta;
box-shadow: 0 0 0 2px rgba($lavender-magenta, 0.35);
}