Couleur nommée la plus proche · #5F67E0
#5F67E0
Couleur nommée la plus proche: Arcane Brew
#5F67E0 (rgb(95 103 224), hsl(236 68% 63%), oklch(0.572 0.181 276.2)) est la plus proche de la couleur nommée Arcane Brew. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5F67E0
oklch(0.572 0.181 276.2)
Conversions de couleur
- HEX
- #5f67e0
- RGB
- rgb(95 103 224)
- HSL
- hsl(236 68% 63%)
- HWB
- hwb(236 37% 12%)
- OKLCH
- oklch(0.572 0.181 276.2)
- OKLab
- oklab(0.572 0.02 -0.18)
- CIE Lab
- lab(47.99 24.41 -64.07)
- LCH
- lch(47.99 68.56 290.9)
- CMYK
- cmyk(58% 54% 0% 12%)
Teintes · Ombres · Tons
Teintes
- 6C77E5
- 7B87E9
- 8A97ED
- 99A6F0
- A9B5F4
- BAC4F7
- CBD2F9
- DCE1FC
- EDF0FD
Ombres
- 5259C3
- 444BA6
- 383D8A
- 2C3070
- 202356
- 15173E
- 0A0C27
- 030412
- 000002
Tons
- 616BD7
- 646FCE
- 6772C4
- 6A75BB
- 6E77B2
- 7179A8
- 757B9E
- 787D95
- 7C7F8A
Harmonies de couleurs
Complémentaire +180°
- 5F67E0
Arcane Brew
- 8D7700
≈ Jīn Zōng Gold
Analogue -30° +30°
- 5F67E0
Arcane Brew
- 007DC9
≈ Blue Aster
- 9353CA
≈ Morado Purple
Triadique +120° +240°
- 5F67E0
Arcane Brew
- CC4218
≈ Fire Bolt
- 008F54
≈ Moss
Complémentaire divisée +150° +210°
- 5F67E0
Arcane Brew
- A96600
≈ Butter Fudge
- 628600
≈ Sap Green
Tétradique +90° +180° +270°
- 5F67E0
Arcane Brew
- C93A67
≈ Raspberry Jam
- 8D7700
≈ Jīn Zōng Gold
- 008B81
≈ Clear Turquoise
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.66:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.50:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--arcane-brew: #5f67e0;
--arcane-brew-rgb: 95 103 224;
--arcane-brew-oklch: oklch(0.572 0.181 276.2);
}
.element {
color: var(--arcane-brew);
background-color: hsl(236 68% 63%);
border-color: oklch(0.572 0.181 276.2);
}Tailwind CSS v4
@theme {
--color-arcane-brew: #5f67e0;
--color-arcane-brew-50: #e8f1ff;
--color-arcane-brew-100: #d9e3ff;
--color-arcane-brew-200: #c2cdff;
--color-arcane-brew-300: #a3adff;
--color-arcane-brew-400: #8491ff;
--color-arcane-brew-500: #6a73fb;
--color-arcane-brew-600: #5a62d3;
--color-arcane-brew-700: #484eaa;
--color-arcane-brew-800: #313980;
--color-arcane-brew-900: #21275a;
--color-arcane-brew-950: #11153d;
}SCSS
$arcane-brew: #5f67e0;
$arcane-brew-rgb: 95, 103, 224;
$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);
}