Colore con nome · #E03FD8
Méi Gūi Zǐ Purple
Méi Gūi Zǐ Purple è #E03FD8: rgb(224 63 216), hsl(303 72% 56%), oklch(0.658 0.252 330.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Méi Gūi Zǐ Purple color name →
#E03FD8
oklch(0.658 0.252 330.2)
Conversioni di colore
- HEX
- #e03fd8
- RGB
- rgb(224 63 216)
- HSL
- hsl(303 72% 56%)
- HWB
- hwb(303 25% 12%)
- OKLCH
- oklch(0.658 0.252 330.2)
- OKLab
- oklab(0.658 0.219 -0.125)
- CIE Lab
- lab(56.4 73.58 -45.05)
- LCH
- lch(56.4 86.28 328.5)
- CMYK
- cmyk(0% 72% 4% 12%)
Tinte · Ombre · Toni
Tinte
- E559DD
- EA6FE1
- EE83E6
- F296EA
- F5A8EE
- F8BAF2
- FBCCF5
- FDDDF9
- FEEEFC
Ombre
- C335BC
- A62CA0
- 8A2385
- 701B6B
- 561253
- 3E0A3B
- 270425
- 120111
- 020002
Toni
- D74CCF
- CE55C7
- C55EBE
- BC65B5
- B36BAD
- A970A4
- A0759B
- 967992
- 8B7D89
Armonie di colore
Complementare +180°
- E03FD8
Méi Gūi Zǐ Purple
- 00AF51
≈ Poison Ivy
Analogo -30° +30°
- E03FD8
Méi Gūi Zǐ Purple
- A868FF
≈ Purple Hedonist
- FF248B
≈ Reliquial Rose
Triadico +120° +240°
- E03FD8
Méi Gūi Zǐ Purple
- B18D00
≈ Cobra Leather
- 00A4B8
≈ January Blue
Complementare divisa +150° +210°
- E03FD8
Méi Gūi Zǐ Purple
- 869E00
≈ Noxious
- 00A994
≈ Shindig
Tetradico +90° +180° +270°
- E03FD8
Méi Gūi Zǐ Purple
- D47700
≈ Autumn Leaf Orange
- 00AF51
≈ Poison Ivy
- 009BE4
≈ Atmosphere
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.57:1 · APCA Lc 62
Ag
AASu nero
WCAG 5.87:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 5.87:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--mei-gui-zi-purple: #e03fd8;
--mei-gui-zi-purple-rgb: 224 63 216;
--mei-gui-zi-purple-oklch: oklch(0.658 0.252 330.2);
}
.element {
color: var(--mei-gui-zi-purple);
background-color: hsl(303 72% 56%);
border-color: oklch(0.658 0.252 330.2);
}Tailwind CSS v4
@theme {
--color-mei-gui-zi-purple: #e03fd8;
--color-mei-gui-zi-purple-50: #ffdbff;
--color-mei-gui-zi-purple-100: #ffc8ff;
--color-mei-gui-zi-purple-200: #ffaaff;
--color-mei-gui-zi-purple-300: #ff80ef;
--color-mei-gui-zi-purple-400: #eb56e3;
--color-mei-gui-zi-purple-500: #d90fd2;
--color-mei-gui-zi-purple-600: #b716b1;
--color-mei-gui-zi-purple-700: #93138e;
--color-mei-gui-zi-purple-800: #6c0d6d;
--color-mei-gui-zi-purple-900: #4c094c;
--color-mei-gui-zi-purple-950: #320033;
}SCSS
$mei-gui-zi-purple: #e03fd8;
$mei-gui-zi-purple-rgb: 224, 63, 216;
$mei-gui-zi-purple-light: mix(#fff, $mei-gui-zi-purple, 20%);
$mei-gui-zi-purple-dark: mix(#000, $mei-gui-zi-purple, 20%);
.element {
color: $mei-gui-zi-purple;
box-shadow: 0 0 0 2px rgba($mei-gui-zi-purple, 0.35);
}