Couleur nommée la plus proche · #AC36FA
#AC36FA
Couleur nommée la plus proche: Sweet Desire
#AC36FA (rgb(172 54 250), hsl(276 95% 60%), oklch(0.603 0.269 307.1)) 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.
#AC36FA
oklch(0.603 0.269 307.1)
Conversions de couleur
- HEX
- #ac36fa
- RGB
- rgb(172 54 250)
- HSL
- hsl(276 95% 60%)
- HWB
- hwb(276 21% 2%)
- OKLCH
- oklch(0.603 0.269 307.1)
- OKLab
- oklab(0.603 0.162 -0.215)
- CIE Lab
- lab(49.03 69.74 -76.49)
- LCH
- lch(49.03 103.51 312.4)
- CMYK
- cmyk(31% 78% 0% 2%)
Teintes · Ombres · Tons
Teintes
- B454FC
- BC6BFE
- C480FF
- CD93FF
- D5A6FF
- DDB8FF
- E6CAFF
- EEDCFF
- F7EEFF
Ombres
- 952ED9
- 7F25BA
- 691E9B
- 54167D
- 400F61
- 2D0846
- 1B032D
- 0B0115
- 010003
Tons
- A845EE
- A351E2
- 9F5AD7
- 9A62CB
- 9669BF
- 916EB3
- 8D74A6
- 89789A
- 847C8D
Harmonies de couleurs
Complémentaire +180°
- AC36FA
Sweet Desire
- 689100
≈ Canopy
Analogue -30° +30°
- AC36FA
Sweet Desire
- 6769FF
≈ Blue Genie
- D900B8
≈ Magentella
Triadique +120° +240°
- AC36FA
Sweet Desire
- B56E00
≈ Indocile Tiger
- 00958C
≈ Lights at Sea
Complémentaire divisée +150° +210°
- AC36FA
Sweet Desire
- 968000
≈ Thicket Green
- 009A5D
≈ Militant Vegan
Tétradique +90° +180° +270°
- AC36FA
Sweet Desire
- DF4200
≈ Macharius Solar Orange
- 689100
≈ Canopy
- 0090AB
≈ Zeftron
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.50:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.66:1 · APCA Lc 32
Meilleure couleur de texte: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Extraits de code
CSS
:root {
--sweet-desire: #ac36fa;
--sweet-desire-rgb: 172 54 250;
--sweet-desire-oklch: oklch(0.603 0.269 307.1);
}
.element {
color: var(--sweet-desire);
background-color: hsl(276 95% 60%);
border-color: oklch(0.603 0.269 307.1);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #ac36fa;
--color-sweet-desire-50: #ffe0ff;
--color-sweet-desire-100: #ffcfff;
--color-sweet-desire-200: #f6b2ff;
--color-sweet-desire-300: #df89ff;
--color-sweet-desire-400: #c962ff;
--color-sweet-desire-500: #b629ff;
--color-sweet-desire-600: #9a27e2;
--color-sweet-desire-700: #7b20b6;
--color-sweet-desire-800: #59168a;
--color-sweet-desire-900: #3e0f62;
--color-sweet-desire-950: #280043;
}SCSS
$sweet-desire: #ac36fa;
$sweet-desire-rgb: 172, 54, 250;
$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);
}