Colore con nome · #610507
Vampire Hunter
Vampire Hunter è #610507: rgb(97 5 7), hsl(359 90% 20%), oklch(0.314 0.123 27.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Vampire Hunter color name →
#610507
oklch(0.314 0.123 27.4)
Conversioni di colore
- HEX
- #610507
- RGB
- rgb(97 5 7)
- HSL
- hsl(359 90% 20%)
- HWB
- hwb(359 2% 62%)
- OKLCH
- oklch(0.314 0.123 27.4)
- OKLab
- oklab(0.314 0.109 0.056)
- CIE Lab
- lab(19.15 38.63 26.73)
- LCH
- lch(19.15 46.98 34.7)
- CMYK
- cmyk(0% 95% 93% 62%)
Tinte · Ombre · Toni
Tinte
- 722520
- 833D36
- 94554D
- A46C65
- B4837D
- C39B96
- D3B3AF
- E2CCC9
- F0E5E4
Ombre
- 530405
- 460304
- 390202
- 2D0102
- 210101
- 150000
- 0B0000
- 030000
- 000000
Toni
- 661915
- 6A2721
- 6F332D
- 723F39
- 764A44
- 795550
- 7B5F5C
- 7D6A68
- 7F7574
Armonie di colore
Complementare +180°
- 610507
Vampire Hunter
- 00393F
≈ Natural Indigo
Analogo -30° +30°
- 610507
Vampire Hunter
- 5D0532
≈ Mulberry Wood
- 4D2500
≈ Chrysophobia
Triadico +120° +240°
- 610507
Vampire Hunter
- 003D12
≈ Melancholia
- 16296E
≈ Midnight Crest
Complementare divisa +150° +210°
- 610507
Vampire Hunter
- 003B31
≈ Night Turquoise
- 003550
≈ Dark Denim Blue
Tetradico +90° +180° +270°
- 610507
Vampire Hunter
- 2F3600
≈ Wasabi Nori
- 00393F
≈ Natural Indigo
- 3A1C66
≈ Christalle
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.69:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.53:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.69:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--vampire-hunter: #610507;
--vampire-hunter-rgb: 97 5 7;
--vampire-hunter-oklch: oklch(0.314 0.123 27.4);
}
.element {
color: var(--vampire-hunter);
background-color: hsl(359 90% 20%);
border-color: oklch(0.314 0.123 27.4);
}Tailwind CSS v4
@theme {
--color-vampire-hunter: #610507;
--color-vampire-hunter-50: #ffe9e1;
--color-vampire-hunter-100: #ffd9d0;
--color-vampire-hunter-200: #ffc1b6;
--color-vampire-hunter-300: #f0a093;
--color-vampire-hunter-400: #dd8176;
--color-vampire-hunter-500: #cb6258;
--color-vampire-hunter-600: #ab544b;
--color-vampire-hunter-700: #89433b;
--color-vampire-hunter-800: #662f2c;
--color-vampire-hunter-900: #48201e;
--color-vampire-hunter-950: #2f0f0e;
}SCSS
$vampire-hunter: #610507;
$vampire-hunter-rgb: 97, 5, 7;
$vampire-hunter-light: mix(#fff, $vampire-hunter, 20%);
$vampire-hunter-dark: mix(#000, $vampire-hunter, 20%);
.element {
color: $vampire-hunter;
box-shadow: 0 0 0 2px rgba($vampire-hunter, 0.35);
}