Couleur nommée la plus proche · #9E43FB
#9E43FB
Couleur nommée la plus proche: Sweet Desire
#9E43FB (rgb(158 67 251), hsl(270 96% 62%), oklch(0.599 0.255 301.4)) est la plus proche de la couleur nommée Sweet Desire. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9E43FB
oklch(0.599 0.255 301.4)
Conversions de couleur
- HEX
- #9e43fb
- RGB
- rgb(158 67 251)
- HSL
- hsl(270 96% 62%)
- HWB
- hwb(270 26% 2%)
- OKLCH
- oklch(0.599 0.255 301.4)
- OKLab
- oklab(0.599 0.133 -0.218)
- CIE Lab
- lab(48.86 62.5 -77.43)
- LCH
- lch(48.86 99.5 308.9)
- CMYK
- cmyk(37% 73% 0% 2%)
Teintes · Ombres · Tons
Teintes
- A75CFD
- B072FF
- B985FF
- C298FF
- CCAAFF
- D6BBFF
- E0CCFF
- EADDFF
- F4EEFF
Ombres
- 8939DA
- 742FBA
- 60269C
- 4D1D7E
- 3A1461
- 290C46
- 18052D
- 090115
- 010003
Tons
- 9B4FEF
- 9758E3
- 945FD7
- 9166CB
- 8E6CBF
- 8B71B3
- 8875A7
- 85799A
- 837D8D
Harmonies de couleurs
Complémentaire +180°
- 9E43FB
Sweet Desire
- 738C00
≈ Canopy
Analogue -30° +30°
- 9E43FB
Sweet Desire
- 556CFF
≈ Blue Heath Butterfly
- CE1FC2
≈ Explosive Purple
Triadique +120° +240°
- 9E43FB
Sweet Desire
- B96900
≈ Brown Orange
- 009484
≈ Approval Green
Complémentaire divisée +150° +210°
- 9E43FB
Sweet Desire
- 9B7C00
≈ Cerignola Olive
- 00994B
≈ Luscious Green
Tétradique +90° +180° +270°
- 9E43FB
Sweet Desire
- E92400
≈ Hestia Red
- 738C00
≈ Canopy
- 0090A3
≈ Oasis
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.51:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.64:1 · APCA Lc 31
Meilleure couleur de texte: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Extraits de code
CSS
:root {
--sweet-desire: #9e43fb;
--sweet-desire-rgb: 158 67 251;
--sweet-desire-oklch: oklch(0.599 0.255 301.4);
}
.element {
color: var(--sweet-desire);
background-color: hsl(270 96% 62%);
border-color: oklch(0.599 0.255 301.4);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #9e43fb;
--color-sweet-desire-50: #ffe4ff;
--color-sweet-desire-100: #fad3ff;
--color-sweet-desire-200: #ebb7ff;
--color-sweet-desire-300: #d391ff;
--color-sweet-desire-400: #bb6cff;
--color-sweet-desire-500: #a83dff;
--color-sweet-desire-600: #8e37e4;
--color-sweet-desire-700: #722cb8;
--color-sweet-desire-800: #521f8b;
--color-sweet-desire-900: #391563;
--color-sweet-desire-950: #240444;
}SCSS
$sweet-desire: #9e43fb;
$sweet-desire-rgb: 158, 67, 251;
$sweet-desire-light: mix(#fff, $sweet-desire, 20%);
$sweet-desire-dark: mix(#000, $sweet-desire, 20%);
.element {
color: $sweet-desire;
box-shadow: 0 0 0 2px rgba($sweet-desire, 0.35);
}