En yakın adlandırılmış renk · #5E67E3
#5E67E3
En yakın adlandırılmış renk: Arcane Brew
#5E67E3 (rgb(94 103 227), hsl(236 70% 63%), oklch(0.574 0.186 275.7)) en çok Arcane Brew 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.
#5E67E3
oklch(0.574 0.186 275.7)
Renk dönüşümleri
- HEX
- #5e67e3
- RGB
- rgb(94 103 227)
- HSL
- hsl(236 70% 63%)
- HWB
- hwb(236 37% 11%)
- OKLCH
- oklch(0.574 0.186 275.7)
- OKLab
- oklab(0.574 0.019 -0.185)
- CIE Lab
- lab(48.1 25 -65.59)
- LCH
- lch(48.1 70.19 290.9)
- CMYK
- cmyk(59% 55% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6B77E7
- 7A87EB
- 8997EF
- 99A6F2
- A9B5F5
- B9C4F8
- CAD3FA
- DBE1FC
- EDF0FE
Koyu tonlar
- 5159C5
- 444BA8
- 373D8C
- 2B3071
- 1F2357
- 14173F
- 0A0C27
- 030412
- 000003
Gri tonlar
- 616BDA
- 636FD0
- 6672C7
- 6A75BD
- 6D77B3
- 7179A9
- 747B9F
- 787D95
- 7C7F8B
Renk uyumları
Tamamlayıcı +180°
- 5E67E3
Arcane Brew
- 8E7700
≈ Jīn Zōng Gold
Analog -30° +30°
- 5E67E3
Arcane Brew
- 007EC9
≈ Blue Aster
- 9453CD
≈ Morado Purple
Üçlü +120° +240°
- 5E67E3
Arcane Brew
- CE4016
≈ Lava Smoothie
- 009053
≈ Moss
Bölünmüş tamamlayıcı +150° +210°
- 5E67E3
Arcane Brew
- AA6600
≈ Butter Fudge
- 638600
≈ Sap Green
Dörtlü +90° +180° +270°
- 5E67E3
Arcane Brew
- CB3868
≈ Raspberry Jam
- 8E7700
≈ Jīn Zōng Gold
- 008B81
≈ Clear Turquoise
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.64:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.52:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--arcane-brew: #5e67e3;
--arcane-brew-rgb: 94 103 227;
--arcane-brew-oklch: oklch(0.574 0.186 275.7);
}
.element {
color: var(--arcane-brew);
background-color: hsl(236 70% 63%);
border-color: oklch(0.574 0.186 275.7);
}Tailwind CSS v4
@theme {
--color-arcane-brew: #5e67e3;
--color-arcane-brew-50: #e8f1ff;
--color-arcane-brew-100: #d8e3ff;
--color-arcane-brew-200: #c1cdff;
--color-arcane-brew-300: #a1adff;
--color-arcane-brew-400: #8291ff;
--color-arcane-brew-500: #6972fe;
--color-arcane-brew-600: #5961d6;
--color-arcane-brew-700: #474eac;
--color-arcane-brew-800: #303981;
--color-arcane-brew-900: #20275b;
--color-arcane-brew-950: #10153e;
}SCSS
$arcane-brew: #5e67e3;
$arcane-brew-rgb: 94, 103, 227;
$arcane-brew-light: mix(#fff, $arcane-brew, 20%);
$arcane-brew-dark: mix(#000, $arcane-brew, 20%);
.element {
color: $arcane-brew;
box-shadow: 0 0 0 2px rgba($arcane-brew, 0.35);
}