Colore con nome · #EC1837
Bloodthirsty Warlock
Bloodthirsty Warlock è #EC1837: rgb(236 24 55), hsl(351 85% 51%), oklch(0.601 0.234 22.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Bloodthirsty Warlock color name →
#EC1837
oklch(0.601 0.234 22.8)
Conversioni di colore
- HEX
- #ec1837
- RGB
- rgb(236 24 55)
- HSL
- hsl(351 85% 51%)
- HWB
- hwb(351 9% 7%)
- OKLCH
- oklch(0.601 0.234 22.8)
- OKLab
- oklab(0.601 0.216 0.091)
- CIE Lab
- lab(51.32 74.69 43.24)
- LCH
- lch(51.32 86.31 30.1)
- CMYK
- cmyk(0% 90% 77% 7%)
Tinte · Ombre · Toni
Tinte
- F2434C
- F75E60
- FB7574
- FE8B87
- FF9F9B
- FFB3AE
- FFC6C2
- FFD9D6
- FFECEB
Ombre
- CD132E
- AF0F26
- 920A1E
- 760716
- 5B040F
- 420208
- 290103
- 130001
- 030000
Toni
- E33340
- DA4349
- D04F51
- C65958
- BC625F
- B26966
- A6706D
- 9B7673
- 8E7B7A
Armonie di colore
Complementare +180°
- EC1837
Bloodthirsty Warlock
- 00929B
≈ Peacock Feather
Analogo -30° +30°
- EC1837
Bloodthirsty Warlock
- DF1F8D
≈ Myoga Purple
- C56100
≈ Alloy Orange
Triadico +120° +240°
- EC1837
Bloodthirsty Warlock
- 009C08
≈ Space Invader
- 3475FF
≈ Hailey Blue
Complementare divisa +150° +210°
- EC1837
Bloodthirsty Warlock
- 00977A
≈ Pool Table
- 008CBE
≈ Hawaiian Surf
Tetradico +90° +180° +270°
- EC1837
Bloodthirsty Warlock
- 828800
≈ Krypton Green
- 00929B
≈ Peacock Feather
- 8B56FC
≈ Purple Honeycreeper
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.41:1 · APCA Lc 68
Ag
AASu nero
WCAG 4.75:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.75:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--bloodthirsty-warlock: #ec1837;
--bloodthirsty-warlock-rgb: 236 24 55;
--bloodthirsty-warlock-oklch: oklch(0.601 0.234 22.8);
}
.element {
color: var(--bloodthirsty-warlock);
background-color: hsl(351 85% 51%);
border-color: oklch(0.601 0.234 22.8);
}Tailwind CSS v4
@theme {
--color-bloodthirsty-warlock: #ec1837;
--color-bloodthirsty-warlock-50: #ffdcd4;
--color-bloodthirsty-warlock-100: #ffc9c1;
--color-bloodthirsty-warlock-200: #ffaaa1;
--color-bloodthirsty-warlock-300: #ff7f79;
--color-bloodthirsty-warlock-400: #ff5159;
--color-bloodthirsty-warlock-500: #fc0032;
--color-bloodthirsty-warlock-600: #d5002c;
--color-bloodthirsty-warlock-700: #ab0523;
--color-bloodthirsty-warlock-800: #80011c;
--color-bloodthirsty-warlock-900: #5b0312;
--color-bloodthirsty-warlock-950: #3d0005;
}SCSS
$bloodthirsty-warlock: #ec1837;
$bloodthirsty-warlock-rgb: 236, 24, 55;
$bloodthirsty-warlock-light: mix(#fff, $bloodthirsty-warlock, 20%);
$bloodthirsty-warlock-dark: mix(#000, $bloodthirsty-warlock, 20%);
.element {
color: $bloodthirsty-warlock;
box-shadow: 0 0 0 2px rgba($bloodthirsty-warlock, 0.35);
}