Colore con nome più vicino · #3C3E84
#3C3E84
Colore con nome più vicino: Evening Magic
#3C3E84 (rgb(60 62 132), hsl(238 38% 38%), oklch(0.401 0.115 278.6)) è più vicino al colore con nome Evening Magic. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3C3E84
oklch(0.401 0.115 278.6)
Conversioni di colore
- HEX
- #3c3e84
- RGB
- rgb(60 62 132)
- HSL
- hsl(238 38% 38%)
- HWB
- hwb(238 24% 48%)
- OKLCH
- oklch(0.401 0.115 278.6)
- OKLab
- oklab(0.401 0.017 -0.114)
- CIE Lab
- lab(29.05 15.65 -40.47)
- LCH
- lch(29.05 43.39 291.1)
- CMYK
- cmyk(55% 53% 0% 48%)
Tinte · Ombre · Toni
Tinte
- 4C5191
- 5E639D
- 7076AA
- 8388B6
- 969CC3
- AAAFCF
- BFC2DB
- D4D6E7
- E9EBF3
Ombre
- 333572
- 2A2B60
- 21234F
- 191A3F
- 11122F
- 0A0A20
- 040412
- 010106
- 000001
Toni
- 424584
- 484C84
- 4E5385
- 555A84
- 5C6084
- 636784
- 6A6D83
- 717382
- 787A81
Armonie di colore
Complementare +180°
- 3C3E84
Evening Magic
- 544800
≈ Sugarloaf Brown
Analogo -30° +30°
- 3C3E84
Evening Magic
- 004A80
≈ Dance Studio
- 5A3376
≈ Foggy Amethyst
Triadico +120° +240°
- 3C3E84
Evening Magic
- 792C10
≈ Drip Coffee
- 005735
≈ Permanent Green
Complementare divisa +150° +210°
- 3C3E84
Evening Magic
- 663D00
≈ Bestial Brown
- 365200
≈ Navy Green
Tetradico +90° +180° +270°
- 3C3E84
Evening Magic
- 78273B
≈ Anthracite Red
- 544800
≈ Sugarloaf Brown
- 00544F
≈ Cape Verde
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.48:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.21:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.48:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--evening-magic: #3c3e84;
--evening-magic-rgb: 60 62 132;
--evening-magic-oklch: oklch(0.401 0.115 278.6);
}
.element {
color: var(--evening-magic);
background-color: hsl(238 38% 38%);
border-color: oklch(0.401 0.115 278.6);
}Tailwind CSS v4
@theme {
--color-evening-magic: #3c3e84;
--color-evening-magic-50: #eef2ff;
--color-evening-magic-100: #e0e4ff;
--color-evening-magic-200: #cacfff;
--color-evening-magic-300: #acb1f2;
--color-evening-magic-400: #8f97e1;
--color-evening-magic-500: #767dd1;
--color-evening-magic-600: #646ab0;
--color-evening-magic-700: #50548d;
--color-evening-magic-800: #383e6a;
--color-evening-magic-900: #262b4a;
--color-evening-magic-950: #151831;
}SCSS
$evening-magic: #3c3e84;
$evening-magic-rgb: 60, 62, 132;
$evening-magic-light: mix(#fff, $evening-magic, 20%);
$evening-magic-dark: mix(#000, $evening-magic, 20%);
.element {
color: $evening-magic;
box-shadow: 0 0 0 2px rgba($evening-magic, 0.35);
}