Colore con nome più vicino · #8C5C8B
#8C5C8B
Colore con nome più vicino: Muted Purple
#8C5C8B (rgb(140 92 139), hsl(301 21% 45%), oklch(0.543 0.091 327.4)) è più vicino al colore con nome Muted Purple. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8C5C8B
oklch(0.543 0.091 327.4)
Conversioni di colore
- HEX
- #8c5c8b
- RGB
- rgb(140 92 139)
- HSL
- hsl(301 21% 45%)
- HWB
- hwb(301 36% 45%)
- OKLCH
- oklch(0.543 0.091 327.4)
- OKLab
- oklab(0.543 0.077 -0.049)
- CIE Lab
- lab(45.73 26.14 -17.93)
- LCH
- lch(45.73 31.7 325.5)
- CMYK
- cmyk(0% 34% 1% 45%)
Tinte · Ombre · Toni
Tinte
- 976B96
- A37BA2
- AE8BAD
- BA9BB8
- C5ABC4
- D1BBD0
- DCCCDB
- E8DDE7
- F3EEF3
Ombre
- 794F78
- 674266
- 553654
- 432A43
- 331F32
- 231423
- 140A14
- 070307
- 010001
Toni
- 8B608A
- 8A6489
- 896788
- 886B87
- 876F86
- 867285
- 847684
- 837982
- 827D81
Armonie di colore
Complementare +180°
- 8C5C8B
Muted Purple
- 497E50
≈ Melbourne
Analogo -30° +30°
- 8C5C8B
Muted Purple
- 76649E
≈ Purple Paradise
- 9A5870
≈ Pink Tulip
Triadico +120° +240°
- 8C5C8B
Muted Purple
- 866C28
≈ Aged Antics
- 0B7E8B
≈ Metallic Seaweed
Complementare divisa +150° +210°
- 8C5C8B
Muted Purple
- 6C7735
≈ Army Golf
- 1F816F
≈ Tropical Green
Tetradico +90° +180° +270°
- 8C5C8B
Muted Purple
- 976137
≈ Ash Brown
- 497E50
≈ Melbourne
- 34779E
≈ Fun and Games
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.01:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--muted-purple: #8c5c8b;
--muted-purple-rgb: 140 92 139;
--muted-purple-oklch: oklch(0.543 0.091 327.4);
}
.element {
color: var(--muted-purple);
background-color: hsl(301 21% 45%);
border-color: oklch(0.543 0.091 327.4);
}Tailwind CSS v4
@theme {
--color-muted-purple: #8c5c8b;
--color-muted-purple-50: #ffecff;
--color-muted-purple-100: #fadef7;
--color-muted-purple-200: #ebc7e7;
--color-muted-purple-300: #d2a7ce;
--color-muted-purple-400: #bc8bba;
--color-muted-purple-500: #a670a5;
--color-muted-purple-600: #8d5f8c;
--color-muted-purple-700: #714c70;
--color-muted-purple-800: #533754;
--color-muted-purple-900: #3a263a;
--color-muted-purple-950: #241424;
}SCSS
$muted-purple: #8c5c8b;
$muted-purple-rgb: 140, 92, 139;
$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);
}