Benannte Farbe · #9B0503
Bloodthirsty Vampire
Bloodthirsty Vampire ist #9B0503: rgb(155 5 3), hsl(1 96% 31%), oklch(0.435 0.176 29.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Bloodthirsty Vampire color name →
#9B0503
oklch(0.435 0.176 29.2)
Farbumrechnungen
- HEX
- #9b0503
- RGB
- rgb(155 5 3)
- HSL
- hsl(1 96% 31%)
- HWB
- hwb(1 1% 39%)
- OKLCH
- oklch(0.435 0.176 29.2)
- OKLab
- oklab(0.435 0.153 0.086)
- CIE Lab
- lab(32.72 55.07 46.29)
- LCH
- lch(32.72 71.94 40)
- CMYK
- cmyk(0% 97% 98% 39%)
Tints · Shades · Tones
Tints
- A83025
- B44A3E
- C06255
- CB796C
- D58F84
- DFA59C
- E8BBB4
- F0D2CD
- F8E8E6
Shades
- 860402
- 720302
- 5E0201
- 4B0101
- 390100
- 280000
- 180000
- 090000
- 010000
Tones
- 9A2219
- 993227
- 983E34
- 96493F
- 94544A
- 915D55
- 8E6660
- 8A6F6B
- 857875
Farbharmonien
Komplementär +180°
- 9B0503
Bloodthirsty Vampire
- 005C67
≈ Egyptian Enamel
Analog -30° +30°
- 9B0503
Bloodthirsty Vampire
- 95024F
≈ Mulberry
- 794000
≈ Hazelnut Chocolate
Triadisch +120° +240°
- 9B0503
Bloodthirsty Vampire
- 006328
≈ Woodland Wonder
- 2D42B0
≈ Denim
Geteilt komplementär +150° +210°
- 9B0503
Bloodthirsty Vampire
- 005F52
≈ Alpine Green
- 005781
≈ Mykonos Blue
Tetradisch +90° +180° +270°
- 9B0503
Bloodthirsty Vampire
- 4B5800
≈ Lustrian Undergrowth
- 005C67
≈ Egyptian Enamel
- 612EA2
≈ Royalty
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.68:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.41:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 8.68:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--bloodthirsty-vampire: #9b0503;
--bloodthirsty-vampire-rgb: 155 5 3;
--bloodthirsty-vampire-oklch: oklch(0.435 0.176 29.2);
}
.element {
color: var(--bloodthirsty-vampire);
background-color: hsl(1 96% 31%);
border-color: oklch(0.435 0.176 29.2);
}Tailwind CSS v4
@theme {
--color-bloodthirsty-vampire: #9b0503;
--color-bloodthirsty-vampire-50: #ffe3d7;
--color-bloodthirsty-vampire-100: #ffd3c4;
--color-bloodthirsty-vampire-200: #ffb8a6;
--color-bloodthirsty-vampire-300: #ff937f;
--color-bloodthirsty-vampire-400: #f46f5f;
--color-bloodthirsty-vampire-500: #e3493a;
--color-bloodthirsty-vampire-600: #c03f32;
--color-bloodthirsty-vampire-700: #9a3228;
--color-bloodthirsty-vampire-800: #73231e;
--color-bloodthirsty-vampire-900: #511714;
--color-bloodthirsty-vampire-950: #360706;
}SCSS
$bloodthirsty-vampire: #9b0503;
$bloodthirsty-vampire-rgb: 155, 5, 3;
$bloodthirsty-vampire-light: mix(#fff, $bloodthirsty-vampire, 20%);
$bloodthirsty-vampire-dark: mix(#000, $bloodthirsty-vampire, 20%);
.element {
color: $bloodthirsty-vampire;
box-shadow: 0 0 0 2px rgba($bloodthirsty-vampire, 0.35);
}