Colore con nome · #884488
Evil Curse
Evil Curse è #884488: rgb(136 68 136), hsl(300 33% 40%), oklch(0.497 0.129 327.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Evil Curse color name →
#884488
oklch(0.497 0.129 327.3)
Conversioni di colore
- HEX
- #884488
- RGB
- rgb(136 68 136)
- HSL
- hsl(300 33% 40%)
- HWB
- hwb(300 27% 47%)
- OKLCH
- oklch(0.497 0.129 327.3)
- OKLab
- oklab(0.497 0.109 -0.07)
- CIE Lab
- lab(39.77 37.1 -25.31)
- LCH
- lch(39.77 44.91 325.7)
- CMYK
- cmyk(0% 50% 0% 47%)
Tinte · Ombre · Toni
Tinte
- 945694
- A069A0
- AC7BAB
- B88DB7
- C4A0C3
- D0B2CF
- DCC5DB
- E8D8E7
- F3EBF3
Ombre
- 753A75
- 633063
- 522652
- 411D41
- 311431
- 220C22
- 130513
- 060206
- 010001
Toni
- 884B88
- 885187
- 875886
- 875E86
- 866485
- 856A84
- 846F83
- 837582
- 827B81
Armonie di colore
Complementare +180°
- 884488
Evil Curse
- 1F7533
≈ Nature’s Strength
Analogo -30° +30°
- 884488
Evil Curse
- 6C4FA2
≈ Ultrapurple Merge
- 9A3D63
≈ Aurora Magenta
Triadico +120° +240°
- 884488
Evil Curse
- 7B5E00
≈ Hè Sè Brown
- 00707B
≈ Iridescent Peacock
Complementare divisa +150° +210°
- 884488
Evil Curse
- 5E6A00
≈ Mud Green
- 007362
≈ Northern Hemisphere
Tetradico +90° +180° +270°
- 884488
Evil Curse
- 944D00
≈ Warm Brown
- 1F7533
≈ Nature’s Strength
- 006A98
≈ Hydra
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.50:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.22:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--evil-curse: #884488;
--evil-curse-rgb: 136 68 136;
--evil-curse-oklch: oklch(0.497 0.129 327.3);
}
.element {
color: var(--evil-curse);
background-color: hsl(300 33% 40%);
border-color: oklch(0.497 0.129 327.3);
}Tailwind CSS v4
@theme {
--color-evil-curse: #884488;
--color-evil-curse-50: #ffe9ff;
--color-evil-curse-100: #ffd9fd;
--color-evil-curse-200: #f4c1ef;
--color-evil-curse-300: #dd9fd8;
--color-evil-curse-400: #c782c6;
--color-evil-curse-500: #b264b2;
--color-evil-curse-600: #975596;
--color-evil-curse-700: #794479;
--color-evil-curse-800: #59315b;
--color-evil-curse-900: #3e213f;
--color-evil-curse-950: #271028;
}SCSS
$evil-curse: #884488;
$evil-curse-rgb: 136, 68, 136;
$evil-curse-light: mix(#fff, $evil-curse, 20%);
$evil-curse-dark: mix(#000, $evil-curse, 20%);
.element {
color: $evil-curse;
box-shadow: 0 0 0 2px rgba($evil-curse, 0.35);
}