Couleur nommée la plus proche · #875C95
#875C95
Couleur nommée la plus proche: Muted Purple
#875C95 (rgb(135 92 149), hsl(285 24% 47%), oklch(0.542 0.099 317.6)) est la plus proche de la couleur nommée Muted Purple. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#875C95
oklch(0.542 0.099 317.6)
Conversions de couleur
- HEX
- #875c95
- RGB
- rgb(135 92 149)
- HSL
- hsl(285 24% 47%)
- HWB
- hwb(285 36% 42%)
- OKLCH
- oklch(0.542 0.099 317.6)
- OKLab
- oklab(0.542 0.073 -0.067)
- CIE Lab
- lab(45.48 25.9 -24.35)
- LCH
- lch(45.48 35.55 316.8)
- CMYK
- cmyk(9% 38% 0% 42%)
Teintes · Ombres · Tons
Teintes
- 936CA0
- 9E7BAA
- AA8BB5
- B69BBF
- C2ABCA
- CEBCD4
- DACCDF
- E6DDEA
- F3EEF4
Ombres
- 754F81
- 63426D
- 51365A
- 412A48
- 311F37
- 211426
- 130A16
- 060308
- 010001
Tons
- 866093
- 866491
- 85688F
- 856B8D
- 846F8B
- 837289
- 837687
- 827985
- 817D82
Harmonies de couleurs
Complémentaire +180°
- 875C95
Muted Purple
- 527D42
≈ Mossy Green
Analogue -30° +30°
- 875C95
Muted Purple
- 6C65A6
≈ Scampi
- 99567A
≈ Sea Fan Fuchsia
Triadique +120° +240°
- 875C95
Muted Purple
- 8F6720
≈ Tapenade
- 007F82
≈ Teal
Complémentaire divisée +150° +210°
- 875C95
Muted Purple
- 767324
≈ Wood Garlic
- 218164
≈ Accent Green Blue
Tétradique +90° +180° +270°
- 875C95
Muted Purple
- 9E5C39
≈ Indochine
- 527D42
≈ Mossy Green
- 177A9C
≈ Bleu Ciel
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.25:1 · APCA Lc 76
Ag
FailSur noir
WCAG 3.99:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--muted-purple: #875c95;
--muted-purple-rgb: 135 92 149;
--muted-purple-oklch: oklch(0.542 0.099 317.6);
}
.element {
color: var(--muted-purple);
background-color: hsl(285 24% 47%);
border-color: oklch(0.542 0.099 317.6);
}Tailwind CSS v4
@theme {
--color-muted-purple: #875c95;
--color-muted-purple-50: #ffedff;
--color-muted-purple-100: #f7defd;
--color-muted-purple-200: #e7c7ef;
--color-muted-purple-300: #cea7d8;
--color-muted-purple-400: #b78cc5;
--color-muted-purple-500: #a170b1;
--color-muted-purple-600: #885f96;
--color-muted-purple-700: #6d4c78;
--color-muted-purple-800: #50375a;
--color-muted-purple-900: #37263f;
--color-muted-purple-950: #221428;
}SCSS
$muted-purple: #875c95;
$muted-purple-rgb: 135, 92, 149;
$muted-purple-light: mix(#fff, $muted-purple, 20%);
$muted-purple-dark: mix(#000, $muted-purple, 20%);
.element {
color: $muted-purple;
box-shadow: 0 0 0 2px rgba($muted-purple, 0.35);
}