Colore con nome più vicino · #830734
#830734
Colore con nome più vicino: Macabre
#830734 (rgb(131 7 52), hsl(338 90% 27%), oklch(0.394 0.153 9.3)) è più vicino al colore con nome Macabre. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#830734
oklch(0.394 0.153 9.3)
Conversioni di colore
- HEX
- #830734
- RGB
- rgb(131 7 52)
- HSL
- hsl(338 90% 27%)
- HWB
- hwb(338 3% 49%)
- OKLCH
- oklch(0.394 0.153 9.3)
- OKLab
- oklab(0.394 0.151 0.025)
- CIE Lab
- lab(27.87 49.43 10.98)
- LCH
- lch(27.87 50.63 12.5)
- CMYK
- cmyk(0% 95% 60% 49%)
Tinte · Ombre · Toni
Tinte
- 922C46
- A04558
- AE5C6B
- BB737F
- C88A93
- D4A1A8
- DFB8BD
- EACFD3
- F5E7E9
Ombre
- 71052C
- 600424
- 4F021C
- 3F0215
- 2F010E
- 200007
- 120003
- 060001
- 010000
Toni
- 851F3B
- 862D42
- 873A4A
- 874551
- 884F59
- 875961
- 866368
- 856D70
- 837778
Armonie di colore
Complementare +180°
- 830734
Macabre
- 00514E
≈ Action Green
Analogo -30° +30°
- 830734
Macabre
- 761560
≈ Purple Curse
- 7A2500
≈ Drip Coffee
Triadico +120° +240°
- 830734
Macabre
- 335000
≈ Navy Green
- 00487D
≈ Kolibri Blue
Complementare divisa +150° +210°
- 830734
Macabre
- 005434
≈ Permanent Green
- 004F60
≈ Raging Thunderstorm
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.26:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.04:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 10.26:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--macabre: #830734;
--macabre-rgb: 131 7 52;
--macabre-oklch: oklch(0.394 0.153 9.3);
}
.element {
color: var(--macabre);
background-color: hsl(338 90% 27%);
border-color: oklch(0.394 0.153 9.3);
}Tailwind CSS v4
@theme {
--color-macabre: #830734;
--color-macabre-50: #ffe4ea;
--color-macabre-100: #ffd4db;
--color-macabre-200: #ffb9c4;
--color-macabre-300: #fa95a4;
--color-macabre-400: #e9748b;
--color-macabre-500: #d65170;
--color-macabre-600: #b5465f;
--color-macabre-700: #91384c;
--color-macabre-800: #6c2739;
--color-macabre-900: #4c1a27;
--color-macabre-950: #320a15;
}SCSS
$macabre: #830734;
$macabre-rgb: 131, 7, 52;
$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);
}