Colore con nome più vicino · #8C5C89
#8C5C89
Colore con nome più vicino: Muted Purple
#8C5C89 (rgb(140 92 137), hsl(304 21% 45%), oklch(0.543 0.089 328.9)) è più vicino al colore con nome Muted Purple. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8C5C89
oklch(0.543 0.089 328.9)
Conversioni di colore
- HEX
- #8c5c89
- RGB
- rgb(140 92 137)
- HSL
- hsl(304 21% 45%)
- HWB
- hwb(304 36% 45%)
- OKLCH
- oklch(0.543 0.089 328.9)
- OKLab
- oklab(0.543 0.076 -0.046)
- CIE Lab
- lab(45.67 25.84 -16.84)
- LCH
- lch(45.67 30.85 326.9)
- CMYK
- cmyk(0% 34% 2% 45%)
Tinte · Ombre · Toni
Tinte
- 976B94
- A37BA0
- AE8BAB
- BA9BB7
- C5ABC3
- D1BBCF
- DCCCDB
- E8DDE7
- F3EEF3
Ombre
- 794F76
- 674264
- 553653
- 432A42
- 331F31
- 231422
- 140A14
- 070307
- 010001
Toni
- 8B6088
- 8A6487
- 896787
- 886B86
- 876F85
- 867284
- 847683
- 837982
- 827D81
Armonie di colore
Complementare +180°
- 8C5C89
Muted Purple
- 487E52
≈ Melbourne
Analogo -30° +30°
- 8C5C89
Muted Purple
- 76639C
≈ Purple Paradise
- 99586E
≈ Pink Tulip
Triadico +120° +240°
- 8C5C89
Muted Purple
- 846C2B
≈ Aged Antics
- 147D8B
≈ Metallic Seaweed
Complementare divisa +150° +210°
- 8C5C89
Muted Purple
- 6A7737
≈ Army Golf
- 218070
≈ Mermaid Sea
Tetradico +90° +180° +270°
- 8C5C89
Muted Purple
- 966237
≈ Ash Brown
- 487E52
≈ Melbourne
- 37769E
≈ Taiwan Blue Magpie
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.24:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.00:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--muted-purple: #8c5c89;
--muted-purple-rgb: 140 92 137;
--muted-purple-oklch: oklch(0.543 0.089 328.9);
}
.element {
color: var(--muted-purple);
background-color: hsl(304 21% 45%);
border-color: oklch(0.543 0.089 328.9);
}Tailwind CSS v4
@theme {
--color-muted-purple: #8c5c89;
--color-muted-purple-50: #ffecff;
--color-muted-purple-100: #fadef6;
--color-muted-purple-200: #ebc7e6;
--color-muted-purple-300: #d3a7cd;
--color-muted-purple-400: #bc8cb9;
--color-muted-purple-500: #a770a3;
--color-muted-purple-600: #8d5f8a;
--color-muted-purple-700: #714c6f;
--color-muted-purple-800: #533753;
--color-muted-purple-900: #3a263a;
--color-muted-purple-950: #241424;
}SCSS
$muted-purple: #8c5c89;
$muted-purple-rgb: 140, 92, 137;
$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);
}