Najbliższy nazwany kolor · #3C3C83
#3C3C83
Najbliższy nazwany kolor: Evening Magic
#3C3C83 (rgb(60 60 131), hsl(240 37% 37%), oklch(0.396 0.116 279.7)) jest najbliższy nazwanemu kolorowi Evening Magic. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3C3C83
oklch(0.396 0.116 279.7)
Konwersje koloru
- HEX
- #3c3c83
- RGB
- rgb(60 60 131)
- HSL
- hsl(240 37% 37%)
- HWB
- hwb(240 24% 49%)
- OKLCH
- oklch(0.396 0.116 279.7)
- OKLab
- oklab(0.396 0.02 -0.115)
- CIE Lab
- lab(28.43 16.63 -40.84)
- LCH
- lch(28.43 44.09 292.2)
- CMYK
- cmyk(54% 54% 0% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4C4F90
- 5D619D
- 7074A9
- 8287B6
- 969AC2
- AAAECE
- BFC2DB
- D4D6E7
- E9EAF3
Odcienie ciemniejsze
- 333371
- 2A2A60
- 21214F
- 19193F
- 11112F
- 0A0A20
- 040412
- 010106
- 000001
Tony
- 424383
- 484B84
- 4E5284
- 555984
- 5C5F84
- 636683
- 6A6C83
- 717382
- 787A81
Harmonie kolorów
Komplementarna +180°
- 3C3C83
Evening Magic
- 514700
≈ Sugarloaf Brown
Analogowa -30° +30°
- 3C3C83
Evening Magic
- 00487F
≈ Kolibri Blue
- 593175
≈ Foggy Amethyst
Triada +120° +240°
- 3C3C83
Evening Magic
- 782A0A
≈ Drip Coffee
- 005535
≈ Permanent Green
Komplementarna rozszczepiona +150° +210°
- 3C3C83
Evening Magic
- 643D00
≈ Pullman Brown
- 335100
≈ Navy Green
Tetrada +90° +180° +270°
- 3C3C83
Evening Magic
- 782439
≈ Brown Magenta
- 514700
≈ Sugarloaf Brown
- 00524F
≈ Myrtle Deep Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.69:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.16:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.69:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--evening-magic: #3c3c83;
--evening-magic-rgb: 60 60 131;
--evening-magic-oklch: oklch(0.396 0.116 279.7);
}
.element {
color: var(--evening-magic);
background-color: hsl(240 37% 37%);
border-color: oklch(0.396 0.116 279.7);
}Tailwind CSS v4
@theme {
--color-evening-magic: #3c3c83;
--color-evening-magic-50: #eff2ff;
--color-evening-magic-100: #e1e4ff;
--color-evening-magic-200: #cbcfff;
--color-evening-magic-300: #adb1f2;
--color-evening-magic-400: #9196e2;
--color-evening-magic-500: #777cd1;
--color-evening-magic-600: #6569b1;
--color-evening-magic-700: #51548e;
--color-evening-magic-800: #393e6a;
--color-evening-magic-900: #272a4b;
--color-evening-magic-950: #151831;
}SCSS
$evening-magic: #3c3c83;
$evening-magic-rgb: 60, 60, 131;
$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);
}