Colore con nome · #880033
Macabre
Macabre è #880033: rgb(136 0 51), hsl(338 100% 27%), oklch(0.4 0.16 10.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Macabre color name →
#880033
oklch(0.4 0.16 10.3)
Conversioni di colore
- HEX
- #880033
- RGB
- rgb(136 0 51)
- HSL
- hsl(338 100% 27%)
- HWB
- hwb(338 0% 47%)
- OKLCH
- oklch(0.4 0.16 10.3)
- OKLab
- oklab(0.4 0.158 0.029)
- CIE Lab
- lab(28.59 51.84 12.85)
- LCH
- lch(28.59 53.41 13.9)
- CMYK
- cmyk(0% 100% 63% 47%)
Tinte · Ombre · Toni
Tinte
- 972A45
- A54457
- B25C6B
- BF737E
- CB8A93
- D6A1A7
- E1B8BD
- ECCFD2
- F6E7E9
Ombre
- 75002B
- 630023
- 52001C
- 410014
- 31000D
- 220007
- 130003
- 060001
- 010000
Toni
- 891C3A
- 8A2C42
- 8B3949
- 8B4551
- 8A4F58
- 8A5960
- 886368
- 866D70
- 837778
Armonie di colore
Complementare +180°
- 880033
Macabre
- 005350
≈ Pacific Storm
Analogo -30° +30°
- 880033
Macabre
- 7B1162
≈ Purple Curse
- 7C2800
≈ Drip Coffee
Triadico +120° +240°
- 880033
Macabre
- 335300
≈ Deep Forestial Escapade
- 004982
≈ Bridgeport
Complementare divisa +150° +210°
- 880033
Macabre
- 005637
≈ Permanent Green
- 005063
≈ Raging Thunderstorm
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.02:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.09:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 10.02:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--macabre: #880033;
--macabre-rgb: 136 0 51;
--macabre-oklch: oklch(0.4 0.16 10.3);
}
.element {
color: var(--macabre);
background-color: hsl(338 100% 27%);
border-color: oklch(0.4 0.16 10.3);
}Tailwind CSS v4
@theme {
--color-macabre: #880033;
--color-macabre-50: #ffe3e9;
--color-macabre-100: #ffd3d9;
--color-macabre-200: #ffb8c2;
--color-macabre-300: #fe94a1;
--color-macabre-400: #ec7288;
--color-macabre-500: #da4d6d;
--color-macabre-600: #b8435c;
--color-macabre-700: #94354a;
--color-macabre-800: #6e2537;
--color-macabre-900: #4e1926;
--color-macabre-950: #330914;
}SCSS
$macabre: #880033;
$macabre-rgb: 136, 0, 51;
$macabre-light: mix(#fff, $macabre, 20%);
$macabre-dark: mix(#000, $macabre, 20%);
.element {
color: $macabre;
box-shadow: 0 0 0 2px rgba($macabre, 0.35);
}