Colore con nome · #B15363
Kissed by a Zombies
Kissed by a Zombies è #B15363: rgb(177 83 99), hsl(350 38% 51%), oklch(0.563 0.123 11.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Kissed by a Zombies color name →
#B15363
oklch(0.563 0.123 11.2)
Conversioni di colore
- HEX
- #b15363
- RGB
- rgb(177 83 99)
- HSL
- hsl(350 38% 51%)
- HWB
- hwb(350 33% 31%)
- OKLCH
- oklch(0.563 0.123 11.2)
- OKLab
- oklab(0.563 0.121 0.024)
- CIE Lab
- lab(47.93 40.21 10.07)
- LCH
- lch(47.93 41.45 14.1)
- CMYK
- cmyk(0% 53% 44% 31%)
Tinte · Ombre · Toni
Tinte
- BA6471
- C37580
- CC868F
- D4979E
- DCA8AE
- E4B9BE
- EBCBCE
- F2DCDE
- F9EDEE
Ombre
- 994755
- 833B47
- 6C303A
- 57252E
- 421B21
- 2F1116
- 1C080B
- 0C0203
- 010000
Toni
- AD5966
- A95E69
- A5636C
- A0676F
- 9C6C71
- 977074
- 917477
- 8C787A
- 867C7D
Armonie di colore
Complementare +180°
- B15363
Kissed by a Zombies
- 008783
≈ Green Lapis
Analogo -30° +30°
- B15363
Kissed by a Zombies
- A5568A
≈ Purple Zergling
- B05937
≈ Brown Rust
Triadico +120° +240°
- B15363
Kissed by a Zombies
- 5B842F
≈ Weeping Fig
- 3778BB
≈ Windows Blue
Complementare divisa +150° +210°
- B15363
Kissed by a Zombies
- 088B5E
≈ Absinthe Turquoise
- 0082A0
≈ Ahoy! Blue
Tetradico +90° +180° +270°
- B15363
Kissed by a Zombies
- 847700
≈ Soft Fig
- 008783
≈ Green Lapis
- 6A6BBB
≈ Bluish Purple Anemone
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.89:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.28:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--kissed-by-a-zombies: #b15363;
--kissed-by-a-zombies-rgb: 177 83 99;
--kissed-by-a-zombies-oklch: oklch(0.563 0.123 11.2);
}
.element {
color: var(--kissed-by-a-zombies);
background-color: hsl(350 38% 51%);
border-color: oklch(0.563 0.123 11.2);
}Tailwind CSS v4
@theme {
--color-kissed-by-a-zombies: #b15363;
--color-kissed-by-a-zombies-50: #ffe8eb;
--color-kissed-by-a-zombies-100: #ffd8dc;
--color-kissed-by-a-zombies-200: #ffbfc5;
--color-kissed-by-a-zombies-300: #ef9da5;
--color-kissed-by-a-zombies-400: #dc7e8c;
--color-kissed-by-a-zombies-500: #c95f71;
--color-kissed-by-a-zombies-600: #aa5160;
--color-kissed-by-a-zombies-700: #89414d;
--color-kissed-by-a-zombies-800: #652e39;
--color-kissed-by-a-zombies-900: #471f27;
--color-kissed-by-a-zombies-950: #2e0f15;
}SCSS
$kissed-by-a-zombies: #b15363;
$kissed-by-a-zombies-rgb: 177, 83, 99;
$kissed-by-a-zombies-light: mix(#fff, $kissed-by-a-zombies, 20%);
$kissed-by-a-zombies-dark: mix(#000, $kissed-by-a-zombies, 20%);
.element {
color: $kissed-by-a-zombies;
box-shadow: 0 0 0 2px rgba($kissed-by-a-zombies, 0.35);
}