Benannte Farbe · #8A0009
Kiss of a Vampire
Kiss of a Vampire ist #8A0009: rgb(138 0 9), hsl(356 100% 27%), oklch(0.398 0.162 27.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Kiss of a Vampire color name →
#8A0009
oklch(0.398 0.162 27.3)
Farbumrechnungen
- HEX
- #8a0009
- RGB
- rgb(138 0 9)
- HSL
- hsl(356 100% 27%)
- HWB
- hwb(356 0% 46%)
- OKLCH
- oklch(0.398 0.162 27.3)
- OKLab
- oklab(0.398 0.144 0.075)
- CIE Lab
- lab(28.57 51.28 38.89)
- LCH
- lch(28.57 64.36 37.2)
- CMYK
- cmyk(0% 100% 93% 46%)
Tints · Shades · Tones
Tints
- 982B26
- A6453D
- B35D54
- C0746B
- CC8B83
- D7A29B
- E2B9B3
- ECD0CC
- F6E7E5
Shades
- 770007
- 650005
- 530003
- 420002
- 320001
- 220001
- 140000
- 070000
- 010000
Tones
- 8B1D1A
- 8C2D27
- 8C3A33
- 8C453E
- 8B5049
- 8A5A54
- 89645F
- 876D6A
- 847775
Farbharmonien
Komplementär +180°
- 8A0009
Kiss of a Vampire
- 00515A
≈ Kali Blue
Analog -30° +30°
- 8A0009
Kiss of a Vampire
- 840048
≈ Renanthera Orchid
- 6D3700
≈ Bestial Brown
Triadisch +120° +240°
- 8A0009
Kiss of a Vampire
- 00571D
≈ O Tannenbaum
- 223A9D
≈ Liquid Denim
Geteilt komplementär +150° +210°
- 8A0009
Kiss of a Vampire
- 005447
≈ Breathe Deeply
- 004D70
≈ Pompeii Blue
Tetradisch +90° +180° +270°
- 8A0009
Kiss of a Vampire
- 444D00
≈ No Emissions Green
- 00515A
≈ Kali Blue
- 542891
≈ KSU Purple
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.07:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.08:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 10.07:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--kiss-of-a-vampire: #8a0009;
--kiss-of-a-vampire-rgb: 138 0 9;
--kiss-of-a-vampire-oklch: oklch(0.398 0.162 27.3);
}
.element {
color: var(--kiss-of-a-vampire);
background-color: hsl(356 100% 27%);
border-color: oklch(0.398 0.162 27.3);
}Tailwind CSS v4
@theme {
--color-kiss-of-a-vampire: #8a0009;
--color-kiss-of-a-vampire-50: #ffe5da;
--color-kiss-of-a-vampire-100: #ffd4c9;
--color-kiss-of-a-vampire-200: #ffbaac;
--color-kiss-of-a-vampire-300: #ff9686;
--color-kiss-of-a-vampire-400: #ef7468;
--color-kiss-of-a-vampire-500: #dd4f46;
--color-kiss-of-a-vampire-600: #bb443c;
--color-kiss-of-a-vampire-700: #963730;
--color-kiss-of-a-vampire-800: #702624;
--color-kiss-of-a-vampire-900: #4f1a18;
--color-kiss-of-a-vampire-950: #340909;
}SCSS
$kiss-of-a-vampire: #8a0009;
$kiss-of-a-vampire-rgb: 138, 0, 9;
$kiss-of-a-vampire-light: mix(#fff, $kiss-of-a-vampire, 20%);
$kiss-of-a-vampire-dark: mix(#000, $kiss-of-a-vampire, 20%);
.element {
color: $kiss-of-a-vampire;
box-shadow: 0 0 0 2px rgba($kiss-of-a-vampire, 0.35);
}