Colore con nome · #CC0066
Vampiric Bloodlust
Vampiric Bloodlust è #CC0066: rgb(204 0 102), hsl(330 100% 40%), oklch(0.546 0.22 2.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Vampiric Bloodlust color name →
#CC0066
oklch(0.546 0.22 2.1)
Conversioni di colore
- HEX
- #cc0066
- RGB
- rgb(204 0 102)
- HSL
- hsl(330 100% 40%)
- HWB
- hwb(330 0% 20%)
- OKLCH
- oklch(0.546 0.22 2.1)
- OKLab
- oklab(0.546 0.22 0.008)
- CIE Lab
- lab(44.58 70.91 4.39)
- LCH
- lch(44.58 71.04 3.5)
- CMYK
- cmyk(0% 100% 50% 20%)
Tinte · Ombre · Toni
Tinte
- D53774
- DD5382
- E46B91
- EA81A0
- F097AF
- F5ACBF
- F9C1CF
- FCD5DE
- FEEAEF
Ombre
- B10058
- 97004A
- 7E003C
- 65002F
- 4E0023
- 370017
- 22000C
- 0F0004
- 020000
Toni
- C62769
- C0386B
- BA466E
- B45170
- AD5A73
- A56375
- 9D6B78
- 94727B
- 8B797D
Armonie di colore
Complementare +180°
- CC0066
Vampiric Bloodlust
- 008275
≈ Green Garlands
Analogo -30° +30°
- CC0066
Vampiric Bloodlust
- B325A7
≈ Rosolanc Purple
- CD2400
≈ Piment Piquant
Triadico +120° +240°
- CC0066
Vampiric Bloodlust
- 647B00
≈ Topiary Green
- 0077B5
≈ Americana
Complementare divisa +150° +210°
- CC0066
Vampiric Bloodlust
- 008744
≈ The Wild Apothecary
- 007E91
≈ Pagoda
Tetradico +90° +180° +270°
- CC0066
Vampiric Bloodlust
- 886D00
≈ Muddy Brown
- 008275
≈ Green Garlands
- 4A5AED
≈ Aquarius Mood Indigo
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.58:1 · APCA Lc 75
Ag
FailSu nero
WCAG 3.75:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--vampiric-bloodlust: #cc0066;
--vampiric-bloodlust-rgb: 204 0 102;
--vampiric-bloodlust-oklch: oklch(0.546 0.22 2.1);
}
.element {
color: var(--vampiric-bloodlust);
background-color: hsl(330 100% 40%);
border-color: oklch(0.546 0.22 2.1);
}Tailwind CSS v4
@theme {
--color-vampiric-bloodlust: #cc0066;
--color-vampiric-bloodlust-50: #ffdbee;
--color-vampiric-bloodlust-100: #ffc9df;
--color-vampiric-bloodlust-200: #ffabc9;
--color-vampiric-bloodlust-300: #ff81aa;
--color-vampiric-bloodlust-400: #ff5794;
--color-vampiric-bloodlust-500: #ef177a;
--color-vampiric-bloodlust-600: #ca1a68;
--color-vampiric-bloodlust-700: #a21653;
--color-vampiric-bloodlust-800: #790d3f;
--color-vampiric-bloodlust-900: #55092b;
--color-vampiric-bloodlust-950: #390019;
}SCSS
$vampiric-bloodlust: #cc0066;
$vampiric-bloodlust-rgb: 204, 0, 102;
$vampiric-bloodlust-light: mix(#fff, $vampiric-bloodlust, 20%);
$vampiric-bloodlust-dark: mix(#000, $vampiric-bloodlust, 20%);
.element {
color: $vampiric-bloodlust;
box-shadow: 0 0 0 2px rgba($vampiric-bloodlust, 0.35);
}