Color con nombre más cercano · #5E64EC
#5E64EC
Color con nombre más cercano: Arcane Brew
#5E64EC (rgb(94 100 236), hsl(237 79% 65%), oklch(0.575 0.201 276.1)) se parece más al color con nombre Arcane Brew. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#5E64EC
oklch(0.575 0.201 276.1)
Conversiones de color
- HEX
- #5e64ec
- RGB
- rgb(94 100 236)
- HSL
- hsl(237 79% 65%)
- HWB
- hwb(237 37% 7%)
- OKLCH
- oklch(0.575 0.201 276.1)
- OKLab
- oklab(0.575 0.021 -0.2)
- CIE Lab
- lab(47.89 29.14 -70.97)
- LCH
- lch(47.89 76.72 292.3)
- CMYK
- cmyk(60% 58% 0% 7%)
Tintes · Sombras · Tonos
Tintes
- 6B75F0
- 7986F3
- 8896F6
- 98A5F8
- A8B4FA
- B9C3FC
- CAD2FD
- DBE1FE
- EDF0FF
Sombras
- 5156CD
- 4448AF
- 373B92
- 2B2E76
- 1F225B
- 141642
- 0A0B29
- 030313
- 000003
Tonos
- 6069E2
- 636DD7
- 6671CD
- 6974C2
- 6C77B8
- 7079AD
- 747BA2
- 787D97
- 7C7F8C
Armonías de color
Complementario +180°
- 5E64EC
Arcane Brew
- 8E7800
≈ Bhūrā Brown
Análogo -30° +30°
- 5E64EC
Arcane Brew
- 007ECA
≈ Blue Aster
- 974ED4
≈ Morado Purple
Triádico +120° +240°
- 5E64EC
Arcane Brew
- D33B00
≈ Lava Smoothie
- 009055
≈ Emerald Isle
Complementario dividido +150° +210°
- 5E64EC
Arcane Brew
- AA6700
≈ Butter Fudge
- 638700
≈ Sap Green
Tetrádico +90° +180° +270°
- 5E64EC
Arcane Brew
- D22D66
≈ Self-Love
- 8E7800
≈ Bhūrā Brown
- 008C82
≈ Clear Turquoise
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.65:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.51:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--arcane-brew: #5e64ec;
--arcane-brew-rgb: 94 100 236;
--arcane-brew-oklch: oklch(0.575 0.201 276.1);
}
.element {
color: var(--arcane-brew);
background-color: hsl(237 79% 65%);
border-color: oklch(0.575 0.201 276.1);
}Tailwind CSS v4
@theme {
--color-arcane-brew: #5e64ec;
--color-arcane-brew-50: #e7f0ff;
--color-arcane-brew-100: #d8e2ff;
--color-arcane-brew-200: #c0cbff;
--color-arcane-brew-300: #a1abff;
--color-arcane-brew-400: #818eff;
--color-arcane-brew-500: #686eff;
--color-arcane-brew-600: #585ede;
--color-arcane-brew-700: #464bb2;
--color-arcane-brew-800: #303786;
--color-arcane-brew-900: #20265f;
--color-arcane-brew-950: #101341;
}SCSS
$arcane-brew: #5e64ec;
$arcane-brew-rgb: 94, 100, 236;
$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);
}