Couleur nommée · #875F9A
Wisteria Purple
Wisteria Purple correspond à #875F9A : rgb(135 95 154), hsl(281 24% 49%), oklch(0.55 0.1 314.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Wisteria Purple color name →
#875F9A
oklch(0.55 0.1 314.4)
Conversions de couleur
- HEX
- #875f9a
- RGB
- rgb(135 95 154)
- HSL
- hsl(281 24% 49%)
- HWB
- hwb(281 37% 40%)
- OKLCH
- oklch(0.55 0.1 314.4)
- OKLab
- oklab(0.55 0.07 -0.071)
- CIE Lab
- lab(46.38 25.07 -25.92)
- LCH
- lch(46.38 36.06 314)
- CMYK
- cmyk(12% 38% 0% 40%)
Teintes · Ombres · Tons
Teintes
- 936EA4
- 9E7EAE
- AA8DB8
- B69DC2
- C2ADCC
- CEBDD7
- DACDE1
- E6DEEB
- F3EEF5
Ombres
- 755285
- 634471
- 51385E
- 412C4B
- 312039
- 211527
- 130A17
- 060309
- 010001
Tons
- 866398
- 866695
- 856A93
- 856D90
- 84708E
- 83748B
- 827788
- 827A86
- 817D83
Harmonies de couleurs
Complémentaire +180°
- 875F9A
Wisteria Purple
- 587E40
≈ Mangrove Leaf
Analogue -30° +30°
- 875F9A
Wisteria Purple
- 6B69AA
≈ Mediaeval
- 9A5980
≈ Feminism
Triadique +120° +240°
- 875F9A
Wisteria Purple
- 946824
≈ Armageddon Dunes
- 008282
≈ Windows 95 Desktop
Complémentaire divisée +150° +210°
- 875F9A
Wisteria Purple
- 7B7424
≈ Wood Garlic
- 2A8462
≈ Accent Green Blue
Tétradique +90° +180° +270°
- 875F9A
Wisteria Purple
- A15D3E
≈ Desert Soil
- 587E40
≈ Mangrove Leaf
- 117D9D
≈ Turkish Tile
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.08:1 · APCA Lc 75
Ag
FailSur noir
WCAG 4.13:1 · APCA Lc 27
Meilleure couleur de texte: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--wisteria-purple: #875f9a;
--wisteria-purple-rgb: 135 95 154;
--wisteria-purple-oklch: oklch(0.55 0.1 314.4);
}
.element {
color: var(--wisteria-purple);
background-color: hsl(281 24% 49%);
border-color: oklch(0.55 0.1 314.4);
}Tailwind CSS v4
@theme {
--color-wisteria-purple: #875f9a;
--color-wisteria-purple-50: #ffedff;
--color-wisteria-purple-100: #f6deff;
--color-wisteria-purple-200: #e6c8f1;
--color-wisteria-purple-300: #cca8da;
--color-wisteria-purple-400: #b48dc8;
--color-wisteria-purple-500: #9e71b4;
--color-wisteria-purple-600: #866098;
--color-wisteria-purple-700: #6b4d7a;
--color-wisteria-purple-800: #4e385b;
--color-wisteria-purple-900: #362640;
--color-wisteria-purple-950: #211429;
}SCSS
$wisteria-purple: #875f9a;
$wisteria-purple-rgb: 135, 95, 154;
$wisteria-purple-light: mix(#fff, $wisteria-purple, 20%);
$wisteria-purple-dark: mix(#000, $wisteria-purple, 20%);
.element {
color: $wisteria-purple;
box-shadow: 0 0 0 2px rgba($wisteria-purple, 0.35);
}