Colore con nome · #BB2233
Demonic
Demonic è #BB2233: rgb(187 34 51), hsl(353 69% 43%), oklch(0.516 0.187 21.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Demonic color name →
#BB2233
oklch(0.516 0.187 21.8)
Conversioni di colore
- HEX
- #bb2233
- RGB
- rgb(187 34 51)
- HSL
- hsl(353 69% 43%)
- HWB
- hwb(353 13% 27%)
- OKLCH
- oklch(0.516 0.187 21.8)
- OKLab
- oklab(0.516 0.173 0.069)
- CIE Lab
- lab(41.85 59.64 31.97)
- LCH
- lch(41.85 67.67 28.2)
- CMYK
- cmyk(0% 82% 73% 27%)
Tinte · Ombre · Toni
Tinte
- C54147
- CE595A
- D76F6E
- DF8482
- E69996
- ECADAA
- F2C2BF
- F7D6D4
- FBEAE9
Ombre
- A21C2B
- 8A1623
- 73111C
- 5C0B14
- 46070D
- 320307
- 1F0103
- 0D0001
- 020000
Toni
- B7333C
- B34044
- AE4B4C
- A95453
- A45D5B
- 9E6462
- 976C6A
- 907371
- 897A79
Armonie di colore
Complementare +180°
- BB2233
Demonic
- 00767D
≈ Hypnotic Sea
Analogo -30° +30°
- BB2233
Demonic
- B02573
≈ Festival Fuchsia
- A14C00
≈ Burnt Bagel
Triadico +120° +240°
- BB2233
Demonic
- 0F7E00
≈ Ao
- 245FD0
≈ Bnei Brak Bay
Complementare divisa +150° +210°
- BB2233
Demonic
- 007A61
≈ Emerald Dream
- 007199
≈ Tofino Belue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.19:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.38:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--demonic: #bb2233;
--demonic-rgb: 187 34 51;
--demonic-oklch: oklch(0.516 0.187 21.8);
}
.element {
color: var(--demonic);
background-color: hsl(353 69% 43%);
border-color: oklch(0.516 0.187 21.8);
}Tailwind CSS v4
@theme {
--color-demonic: #bb2233;
--color-demonic-50: #ffe1dc;
--color-demonic-100: #ffd0ca;
--color-demonic-200: #ffb4ae;
--color-demonic-300: #ff8e88;
--color-demonic-400: #f9696b;
--color-demonic-500: #e83e4b;
--color-demonic-600: #c43740;
--color-demonic-700: #9d2c33;
--color-demonic-800: #751e26;
--color-demonic-900: #531419;
--color-demonic-950: #37040a;
}SCSS
$demonic: #bb2233;
$demonic-rgb: 187, 34, 51;
$demonic-light: mix(#fff, $demonic, 20%);
$demonic-dark: mix(#000, $demonic, 20%);
.element {
color: $demonic;
box-shadow: 0 0 0 2px rgba($demonic, 0.35);
}