Colore con nome · #DD4132
Vampire Red
Vampire Red è #DD4132: rgb(221 65 50), hsl(5 72% 53%), oklch(0.602 0.195 29.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Vampire Red color name →
#DD4132
oklch(0.602 0.195 29.5)
Conversioni di colore
- HEX
- #dd4132
- RGB
- rgb(221 65 50)
- HSL
- hsl(5 72% 53%)
- HWB
- hwb(5 20% 13%)
- OKLCH
- oklch(0.602 0.195 29.5)
- OKLab
- oklab(0.602 0.17 0.096)
- CIE Lab
- lab(51.92 60.56 45.42)
- LCH
- lch(51.92 75.71 36.9)
- CMYK
- cmyk(0% 71% 77% 13%)
Tinte · Ombre · Toni
Tinte
- E35949
- E96E5D
- EE8171
- F39485
- F6A699
- FAB8AD
- FCCAC1
- FEDCD6
- FFEDEA
Ombre
- C0372A
- A42E22
- 88251B
- 6E1C14
- 55130D
- 3D0B07
- 260503
- 110101
- 020000
Toni
- D54C3C
- CD5546
- C55C4E
- BC6356
- B3695E
- AA6E65
- A0736C
- 967873
- 8C7C79
Armonie di colore
Complementare +180°
- DD4132
Vampire Red
- 0091A2
≈ Oasis
Analogo -30° +30°
- DD4132
Vampire Red
- D63D7D
≈ Jaipur Pink
- BD6800
≈ Camel Fur
Triadico +120° +240°
- DD4132
Vampire Red
- 009B44
≈ Green Revolution
- 5473F3
≈ Blue Öyster Cult
Complementare divisa +150° +210°
- DD4132
Vampire Red
- 009682
≈ Aqua Waters
- 0089C9
≈ Way Beyond the Blue
Tetradico +90° +180° +270°
- DD4132
Vampire Red
- 778C00
≈ Canopy
- 0091A2
≈ Oasis
- 945DE2
≈ Lavender Indigo
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.30:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.87:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.87:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--vampire-red: #dd4132;
--vampire-red-rgb: 221 65 50;
--vampire-red-oklch: oklch(0.602 0.195 29.5);
}
.element {
color: var(--vampire-red);
background-color: hsl(5 72% 53%);
border-color: oklch(0.602 0.195 29.5);
}Tailwind CSS v4
@theme {
--color-vampire-red: #dd4132;
--color-vampire-red-50: #ffe1d3;
--color-vampire-red-100: #ffd0c0;
--color-vampire-red-200: #ffb4a0;
--color-vampire-red-300: #ff8e77;
--color-vampire-red-400: #fc6856;
--color-vampire-red-500: #eb3b2c;
--color-vampire-red-600: #c73427;
--color-vampire-red-700: #a02a1f;
--color-vampire-red-800: #781c18;
--color-vampire-red-900: #55130f;
--color-vampire-red-950: #380303;
}SCSS
$vampire-red: #dd4132;
$vampire-red-rgb: 221, 65, 50;
$vampire-red-light: mix(#fff, $vampire-red, 20%);
$vampire-red-dark: mix(#000, $vampire-red, 20%);
.element {
color: $vampire-red;
box-shadow: 0 0 0 2px rgba($vampire-red, 0.35);
}