Colore con nome · #46394B
Mysterioso
Mysterioso è #46394B: rgb(70 57 75), hsl(283 14% 26%), oklch(0.366 0.035 316.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mysterioso color name →
#46394B
oklch(0.366 0.035 316.5)
Conversioni di colore
- HEX
- #46394b
- RGB
- rgb(70 57 75)
- HSL
- hsl(283 14% 26%)
- HWB
- hwb(283 22% 71%)
- OKLCH
- oklch(0.366 0.035 316.5)
- OKLab
- oklab(0.366 0.025 -0.024)
- CIE Lab
- lab(25.93 8.82 -8.84)
- LCH
- lch(25.93 12.48 314.9)
- CMYK
- cmyk(7% 24% 0% 71%)
Tinte · Ombre · Toni
Tinte
- 574A5B
- 685C6C
- 796F7D
- 8B828F
- 9D96A0
- B0AAB3
- C3BFC5
- D7D4D8
- EBE9EB
Ombre
- 3C3040
- 322835
- 281F2B
- 1E1721
- 151017
- 0D090E
- 050406
- 020102
- 000000
Toni
- 4C4050
- 514755
- 574D5B
- 5D5460
- 625B65
- 68636A
- 6E6A70
- 747175
- 7A797B
Armonie di colore
Complementare +180°
- 46394B
Mysterioso
- 364331
≈ Sensaimidori Green
Analogo -30° +30°
- 46394B
Mysterioso
- 3D3C50
≈ India Ink
- 4D3742
≈ Royal Silk
Triadico +120° +240°
- 46394B
Mysterioso
- 493C2A
≈ Harpy Brown
- 274445
≈ Ai Indigo
Complementare divisa +150° +210°
- 46394B
Mysterioso
- 41402A
≈ Woodrush
- 2C453A
≈ Mushiao Green
Tetradico +90° +180° +270°
- 46394B
Mysterioso
- 4E392F
≈ Button Eyes
- 364331
≈ Sensaimidori Green
- 2A424D
≈ Green Vogue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.78:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.94:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.78:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--mysterioso: #46394b;
--mysterioso-rgb: 70 57 75;
--mysterioso-oklch: oklch(0.366 0.035 316.5);
}
.element {
color: var(--mysterioso);
background-color: hsl(283 14% 26%);
border-color: oklch(0.366 0.035 316.5);
}Tailwind CSS v4
@theme {
--color-mysterioso: #46394b;
--color-mysterioso-50: #faf2fc;
--color-mysterioso-100: #ede4ef;
--color-mysterioso-200: #dbd0de;
--color-mysterioso-300: #bfb2c3;
--color-mysterioso-400: #a798ac;
--color-mysterioso-500: #907f96;
--color-mysterioso-600: #796c7f;
--color-mysterioso-700: #615665;
--color-mysterioso-800: #473f4b;
--color-mysterioso-900: #312b34;
--color-mysterioso-950: #1d191f;
}SCSS
$mysterioso: #46394b;
$mysterioso-rgb: 70, 57, 75;
$mysterioso-light: mix(#fff, $mysterioso, 20%);
$mysterioso-dark: mix(#000, $mysterioso, 20%);
.element {
color: $mysterioso;
box-shadow: 0 0 0 2px rgba($mysterioso, 0.35);
}