Benannte Farbe · #E0218A
Myoga Purple
Myoga Purple ist #E0218A: rgb(224 33 138), hsl(327 75% 50%), oklch(0.603 0.232 354.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Myoga Purple color name →
#E0218A
oklch(0.603 0.232 354.2)
Farbumrechnungen
- HEX
- #e0218a
- RGB
- rgb(224 33 138)
- HSL
- hsl(327 75% 50%)
- HWB
- hwb(327 13% 12%)
- OKLCH
- oklch(0.603 0.232 354.2)
- OKLab
- oklab(0.603 0.231 -0.023)
- CIE Lab
- lab(50.94 73.9 -7.89)
- LCH
- lch(50.94 74.32 353.9)
- CMYK
- cmyk(0% 85% 38% 12%)
Tints · Shades · Tones
Tints
- E64595
- EC5FA0
- F175AC
- F68AB7
- F99EC3
- FCB2CF
- FEC5DB
- FFD9E7
- FFECF3
Shades
- C31B77
- A61665
- 8A1053
- 700B42
- 560632
- 3E0322
- 270114
- 120007
- 020001
Tones
- D83689
- D04488
- C75087
- BF5986
- B66185
- AC6984
- A26F83
- 987582
- 8C7B81
Farbharmonien
Komplementär +180°
- E0218A
Myoga Purple
- 00977C
≈ Pool Table
Analog -30° +30°
- E0218A
Myoga Purple
- C03CCD
≈ Ultraviolet Berl
- EC1D32
≈ Rouge Sarde
Triadisch +120° +240°
- E0218A
Myoga Purple
- 818900
≈ Krypton Green
- 008CC1
≈ Cyan Cornflower Blue
Geteilt komplementär +150° +210°
- E0218A
Myoga Purple
- 009D22
≈ Space Invader
- 00939E
≈ Jaded
Tetradisch +90° +180° +270°
- E0218A
Myoga Purple
- A47A00
≈ Hornet Yellow
- 00977C
≈ Pool Table
- 3D75FF
≈ Hailey Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.41:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.75:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.75:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--myoga-purple: #e0218a;
--myoga-purple-rgb: 224 33 138;
--myoga-purple-oklch: oklch(0.603 0.232 354.2);
}
.element {
color: var(--myoga-purple);
background-color: hsl(327 75% 50%);
border-color: oklch(0.603 0.232 354.2);
}Tailwind CSS v4
@theme {
--color-myoga-purple: #e0218a;
--color-myoga-purple-50: #ffdaf7;
--color-myoga-purple-100: #ffc7ea;
--color-myoga-purple-200: #ffa8d7;
--color-myoga-purple-300: #ff7ebb;
--color-myoga-purple-400: #ff52a7;
--color-myoga-purple-500: #ee0090;
--color-myoga-purple-600: #c90e7a;
--color-myoga-purple-700: #a20e61;
--color-myoga-purple-800: #78084a;
--color-myoga-purple-900: #550634;
--color-myoga-purple-950: #38001f;
}SCSS
$myoga-purple: #e0218a;
$myoga-purple-rgb: 224, 33, 138;
$myoga-purple-light: mix(#fff, $myoga-purple, 20%);
$myoga-purple-dark: mix(#000, $myoga-purple, 20%);
.element {
color: $myoga-purple;
box-shadow: 0 0 0 2px rgba($myoga-purple, 0.35);
}