Couleur nommée · #A675FE
Purple Illusionist
Purple Illusionist correspond à #A675FE : rgb(166 117 254), hsl(261 99% 73%), oklch(0.674 0.197 297.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Purple Illusionist color name →
#A675FE
oklch(0.674 0.197 297.4)
Conversions de couleur
- HEX
- #a675fe
- RGB
- rgb(166 117 254)
- HSL
- hsl(261 99% 73%)
- HWB
- hwb(261 46% 0%)
- OKLCH
- oklch(0.674 0.197 297.4)
- OKLab
- oklab(0.674 0.09 -0.175)
- CIE Lab
- lab(59.2 41.34 -62.37)
- LCH
- lch(59.2 74.83 303.5)
- CMYK
- cmyk(35% 54% 0% 0%)
Teintes · Ombres · Tons
Teintes
- AE84FF
- B693FF
- BFA1FF
- C7AFFF
- D0BCFF
- D9CAFF
- E3D7FF
- ECE4FF
- F5F2FF
Ombres
- 9065DD
- 7A55BD
- 65469E
- 513780
- 3E2963
- 2B1C47
- 1A0F2D
- 0A0516
- 010103
Tons
- A278F1
- 9E7AE5
- 9A7CD8
- 967DCC
- 927EC0
- 8E7FB3
- 8A80A6
- 87809A
- 83808D
Harmonies de couleurs
Complémentaire +180°
- A675FE
Purple Illusionist
- 90A200
≈ Noxious
Analogue -30° +30°
- A675FE
Purple Illusionist
- 688FFF
≈ Punch Out Glove
- D362D3
≈ Blueberry Glaze
Triadique +120° +240°
- A675FE
Purple Illusionist
- DE7800
≈ Orange Outburst
- 00AF95
≈ Hobgoblin
Complémentaire divisée +150° +210°
- A675FE
Purple Illusionist
- BA9000
≈ Moutarde de Bénichon
- 09B545
≈ Billiards Cloth
Tétradique +90° +180° +270°
- A675FE
Purple Illusionist
- F8594E
≈ Algerian Coral
- 90A200
≈ Noxious
- 00AABB
≈ Bluebird
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.18:1 · APCA Lc 59
Ag
AASur noir
WCAG 6.59:1 · APCA Lc 43
Meilleure couleur de texte: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
Extraits de code
CSS
:root {
--purple-illusionist: #a675fe;
--purple-illusionist-rgb: 166 117 254;
--purple-illusionist-oklch: oklch(0.674 0.197 297.4);
}
.element {
color: var(--purple-illusionist);
background-color: hsl(261 99% 73%);
border-color: oklch(0.674 0.197 297.4);
}Tailwind CSS v4
@theme {
--color-purple-illusionist: #a675fe;
--color-purple-illusionist-50: #fde9ff;
--color-purple-illusionist-100: #f1daff;
--color-purple-illusionist-200: #e0c1ff;
--color-purple-illusionist-300: #c69fff;
--color-purple-illusionist-400: #ad80ff;
--color-purple-illusionist-500: #985ef5;
--color-purple-illusionist-600: #8050cf;
--color-purple-illusionist-700: #6740a6;
--color-purple-illusionist-800: #492f7d;
--color-purple-illusionist-900: #332059;
--color-purple-illusionist-950: #1f0e3c;
}SCSS
$purple-illusionist: #a675fe;
$purple-illusionist-rgb: 166, 117, 254;
$purple-illusionist-light: mix(#fff, $purple-illusionist, 20%);
$purple-illusionist-dark: mix(#000, $purple-illusionist, 20%);
.element {
color: $purple-illusionist;
box-shadow: 0 0 0 2px rgba($purple-illusionist, 0.35);
}