Couleur nommée la plus proche · #A247ED
#A247ED
Couleur nommée la plus proche: Sweet Desire
#A247ED (rgb(162 71 237), hsl(273 82% 60%), oklch(0.597 0.238 305.3)) 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.
#A247ED
oklch(0.597 0.238 305.3)
Conversions de couleur
- HEX
- #a247ed
- RGB
- rgb(162 71 237)
- HSL
- hsl(273 82% 60%)
- HWB
- hwb(273 28% 7%)
- OKLCH
- oklch(0.597 0.238 305.3)
- OKLab
- oklab(0.597 0.137 -0.194)
- CIE Lab
- lab(49.12 59.24 -69.15)
- LCH
- lch(49.12 91.06 310.6)
- CMYK
- cmyk(32% 70% 0% 7%)
Teintes · Ombres · Tons
Teintes
- AB5EF0
- B472F3
- BD85F6
- C698F9
- CFA9FB
- D9BBFC
- E2CCFE
- ECDDFE
- F5EEFF
Ombres
- 8C3DCE
- 7732B0
- 632893
- 4F1F77
- 3C165C
- 2A0D42
- 19062A
- 0A0214
- 010003
Tons
- 9E51E3
- 9B59D8
- 9760CD
- 9466C3
- 916CB8
- 8D71AD
- 8A75A2
- 877997
- 837D8C
Harmonies de couleurs
Complémentaire +180°
- A247ED
Sweet Desire
- 6A8E00
≈ Canopy
Analogue -30° +30°
- A247ED
Sweet Desire
- 6068FF
≈ Blue Genie
- CD2BB5
≈ Mystifying Magenta
Triadique +120° +240°
- A247ED
Sweet Desire
- B46C00
≈ Indocile Tiger
- 009388
≈ Old Benchmark
Complémentaire divisée +150° +210°
- A247ED
Sweet Desire
- 967E00
≈ Moscow Papyrus
- 009857
≈ Garnish
Tétradique +90° +180° +270°
- A247ED
Sweet Desire
- DF3B00
≈ Flame of Prometheus
- 6A8E00
≈ Canopy
- 008EA7
≈ Quintana
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.50:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.66:1 · APCA Lc 31
Meilleure couleur de texte: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Extraits de code
CSS
:root {
--sweet-desire: #a247ed;
--sweet-desire-rgb: 162 71 237;
--sweet-desire-oklch: oklch(0.597 0.238 305.3);
}
.element {
color: var(--sweet-desire);
background-color: hsl(273 82% 60%);
border-color: oklch(0.597 0.238 305.3);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #a247ed;
--color-sweet-desire-50: #ffe4ff;
--color-sweet-desire-100: #fdd3ff;
--color-sweet-desire-200: #efb8ff;
--color-sweet-desire-300: #d892ff;
--color-sweet-desire-400: #c06fff;
--color-sweet-desire-500: #ad44ff;
--color-sweet-desire-600: #923cd8;
--color-sweet-desire-700: #7530ad;
--color-sweet-desire-800: #542284;
--color-sweet-desire-900: #3b175d;
--color-sweet-desire-950: #250640;
}SCSS
$sweet-desire: #a247ed;
$sweet-desire-rgb: 162, 71, 237;
$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);
}