En yakın adlandırılmış renk · #3C3E84
#3C3E84
En yakın adlandırılmış renk: Evening Magic
#3C3E84 (rgb(60 62 132), hsl(238 38% 38%), oklch(0.401 0.115 278.6)) en çok Evening Magic adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#3C3E84
oklch(0.401 0.115 278.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4C5191
- 5E639D
- 7076AA
- 8388B6
- 969CC3
- AAAFCF
- BFC2DB
- D4D6E7
- E9EBF3
Koyu tonlar
- 333572
- 2A2B60
- 21234F
- 191A3F
- 11122F
- 0A0A20
- 040412
- 010106
- 000001
Gri tonlar
- 424584
- 484C84
- 4E5385
- 555A84
- 5C6084
- 636784
- 6A6D83
- 717382
- 787A81
Renk uyumları
Tamamlayıcı +180°
- 3C3E84
Evening Magic
- 544800
≈ Sugarloaf Brown
Analog -30° +30°
- 3C3E84
Evening Magic
- 004A80
≈ Dance Studio
- 5A3376
≈ Foggy Amethyst
Üçlü +120° +240°
- 3C3E84
Evening Magic
- 792C10
≈ Drip Coffee
- 005735
≈ Permanent Green
Bölünmüş tamamlayıcı +150° +210°
- 3C3E84
Evening Magic
- 663D00
≈ Bestial Brown
- 365200
≈ Navy Green
Dörtlü +90° +180° +270°
- 3C3E84
Evening Magic
- 78273B
≈ Anthracite Red
- 544800
≈ Sugarloaf Brown
- 00544F
≈ Cape Verde
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.48:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.21:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.48:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
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);
}