Colore con nome · #9B0F11
Vampire Fiction
Vampire Fiction è #9B0F11: rgb(155 15 17), hsl(359 82% 33%), oklch(0.44 0.171 27.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Vampire Fiction color name →
#9B0F11
oklch(0.44 0.171 27.7)
Conversioni di colore
- HEX
- #9b0f11
- RGB
- rgb(155 15 17)
- HSL
- hsl(359 82% 33%)
- HWB
- hwb(359 6% 39%)
- OKLCH
- oklch(0.44 0.171 27.7)
- OKLab
- oklab(0.44 0.151 0.079)
- CIE Lab
- lab(33.28 53.8 40.57)
- LCH
- lch(33.28 67.38 37)
- CMYK
- cmyk(0% 90% 89% 39%)
Tinte · Ombre · Toni
Tinte
- A8332C
- B44D43
- C0645A
- CB7A70
- D59087
- DFA69E
- E8BCB6
- F0D2CE
- F8E8E6
Ombre
- 860B0D
- 720809
- 5E0506
- 4B0304
- 390202
- 280101
- 180000
- 090000
- 010000
Toni
- 9A2520
- 99342D
- 984038
- 964B43
- 94554D
- 915E57
- 8E6762
- 8A6F6C
- 857876
Armonie di colore
Complementare +180°
- 9B0F11
Vampire Fiction
- 005E68
≈ Fish Tale
Analogo -30° +30°
- 9B0F11
Vampire Fiction
- 940E52
≈ Mulberry
- 7C4100
≈ Hazelnut Chocolate
Triadico +120° +240°
- 9B0F11
Vampire Fiction
- 006424
≈ Woodland Wonder
- 2B45AF
≈ Denim
Complementare divisa +150° +210°
- 9B0F11
Vampire Fiction
- 006152
≈ Alpine Green
- 005981
≈ Mykonos Blue
Tetradico +90° +180° +270°
- 9B0F11
Vampire Fiction
- 4E5900
≈ Kyuri Green
- 005E68
≈ Fish Tale
- 6032A2
≈ Royalty
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.50:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.47:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 8.50:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--vampire-fiction: #9b0f11;
--vampire-fiction-rgb: 155 15 17;
--vampire-fiction-oklch: oklch(0.44 0.171 27.7);
}
.element {
color: var(--vampire-fiction);
background-color: hsl(359 82% 33%);
border-color: oklch(0.44 0.171 27.7);
}Tailwind CSS v4
@theme {
--color-vampire-fiction: #9b0f11;
--color-vampire-fiction-50: #ffe4d9;
--color-vampire-fiction-100: #ffd3c7;
--color-vampire-fiction-200: #ffb8a9;
--color-vampire-fiction-300: #ff9483;
--color-vampire-fiction-400: #f37164;
--color-vampire-fiction-500: #e14b41;
--color-vampire-fiction-600: #be4138;
--color-vampire-fiction-700: #99342c;
--color-vampire-fiction-800: #722421;
--color-vampire-fiction-900: #511816;
--color-vampire-fiction-950: #350807;
}SCSS
$vampire-fiction: #9b0f11;
$vampire-fiction-rgb: 155, 15, 17;
$vampire-fiction-light: mix(#fff, $vampire-fiction, 20%);
$vampire-fiction-dark: mix(#000, $vampire-fiction, 20%);
.element {
color: $vampire-fiction;
box-shadow: 0 0 0 2px rgba($vampire-fiction, 0.35);
}