Couleur nommée la plus proche · #9E59AF
#9E59AF
Couleur nommée la plus proche: Prickly Purple
#9E59AF (rgb(158 89 175), hsl(288 35% 52%), oklch(0.577 0.146 319.4)) est la plus proche de la couleur nommée Prickly Purple. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9E59AF
oklch(0.577 0.146 319.4)
Conversions de couleur
- HEX
- #9e59af
- RGB
- rgb(158 89 175)
- HSL
- hsl(288 35% 52%)
- HWB
- hwb(288 35% 31%)
- OKLCH
- oklch(0.577 0.146 319.4)
- OKLab
- oklab(0.577 0.111 -0.095)
- CIE Lab
- lab(48.72 39.39 -34.35)
- LCH
- lch(48.72 52.27 318.9)
- CMYK
- cmyk(10% 49% 0% 31%)
Teintes · Ombres · Tons
Teintes
- A86AB7
- B27AC0
- BC8BC8
- C59BD0
- CFABD8
- D9BCE0
- E2CDE8
- ECDDF0
- F5EEF7
Ombres
- 894C98
- 744081
- 60346B
- 4D2856
- 3A1D41
- 29132E
- 18091C
- 09030B
- 010001
Tons
- 9B5EAB
- 9962A6
- 9667A2
- 936B9D
- 906F98
- 8D7394
- 8A768F
- 877A8A
- 837D85
Harmonies de couleurs
Complémentaire +180°
- 9E59AF
Prickly Purple
- 458D31
≈ Resplendent Growth
Analogue -30° +30°
- 9E59AF
Prickly Purple
- 7967C9
≈ Ultra Violet
- B65086
≈ Pink Pizzazz
Triadique +120° +240°
- 9E59AF
Prickly Purple
- 9E7000
≈ Barbarian Leather
- 008A90
≈ India Blue
Complémentaire divisée +150° +210°
- 9E59AF
Prickly Purple
- 7F7F00
≈ Olive
- 008F6E
≈ Observatory
Tétradique +90° +180° +270°
- 9E59AF
Prickly Purple
- BB5A13
≈ Sebright Chicken
- 458D31
≈ Resplendent Growth
- 0085AF
≈ Lyrebird
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 {
--prickly-purple: #9e59af;
--prickly-purple-rgb: 158 89 175;
--prickly-purple-oklch: oklch(0.577 0.146 319.4);
}
.element {
color: var(--prickly-purple);
background-color: hsl(288 35% 52%);
border-color: oklch(0.577 0.146 319.4);
}Tailwind CSS v4
@theme {
--color-prickly-purple: #9e59af;
--color-prickly-purple-50: #ffe8ff;
--color-prickly-purple-100: #ffd8ff;
--color-prickly-purple-200: #f2c0fa;
--color-prickly-purple-300: #da9ee4;
--color-prickly-purple-400: #c480d4;
--color-prickly-purple-500: #af62c2;
--color-prickly-purple-600: #9453a4;
--color-prickly-purple-700: #774284;
--color-prickly-purple-800: #573063;
--color-prickly-purple-900: #3c2146;
--color-prickly-purple-950: #26102d;
}SCSS
$prickly-purple: #9e59af;
$prickly-purple-rgb: 158, 89, 175;
$prickly-purple-light: mix(#fff, $prickly-purple, 20%);
$prickly-purple-dark: mix(#000, $prickly-purple, 20%);
.element {
color: $prickly-purple;
box-shadow: 0 0 0 2px rgba($prickly-purple, 0.35);
}