Colore con nome · #847EB1
Murex
Murex è #847EB1: rgb(132 126 177), hsl(247 25% 59%), oklch(0.618 0.076 289.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Murex color name →
#847EB1
oklch(0.618 0.076 289.3)
Conversioni di colore
- HEX
- #847eb1
- RGB
- rgb(132 126 177)
- HSL
- hsl(247 25% 59%)
- HWB
- hwb(247 49% 31%)
- OKLCH
- oklch(0.618 0.076 289.3)
- OKLab
- oklab(0.618 0.025 -0.072)
- CIE Lab
- lab(54.82 10.94 -26.35)
- LCH
- lch(54.82 28.53 292.5)
- CMYK
- cmyk(25% 29% 0% 31%)
Tinte · Ombre · Toni
Tinte
- 8F8AB9
- 9B97C1
- A7A3C9
- B3B0D1
- BFBDD8
- CCCAE0
- D8D7E8
- E5E4F0
- F2F2F7
Ombre
- 726D99
- 605C83
- 4F4C6C
- 3F3C57
- 2F2D42
- 201F2F
- 12111C
- 06050C
- 010101
Toni
- 847EAC
- 837FA7
- 837FA3
- 827F9E
- 827F99
- 818094
- 81808F
- 81808A
- 808085
Armonie di colore
Complementare +180°
- 847EB1
Murex
- 898A52
≈ Special Ops
Analogo -30° +30°
- 847EB1
Murex
- 6A87B4
≈ Kimono
- 9A77A3
≈ Pishposh
Triadico +120° +240°
- 847EB1
Murex
- AB785C
≈ Tobey Rattan
- 53957E
≈ Puerto Princesa
Complementare divisa +150° +210°
- 847EB1
Murex
- 9E804F
≈ Heart of Gold
- 6E9164
≈ Mixed Veggies
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.74:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.60:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.60:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--murex: #847eb1;
--murex-rgb: 132 126 177;
--murex-oklch: oklch(0.618 0.076 289.3);
}
.element {
color: var(--murex);
background-color: hsl(247 25% 59%);
border-color: oklch(0.618 0.076 289.3);
}Tailwind CSS v4
@theme {
--color-murex: #847eb1;
--color-murex-50: #f5f2ff;
--color-murex-100: #e7e4ff;
--color-murex-200: #d4cff3;
--color-murex-300: #b7b1dc;
--color-murex-400: #9d97c9;
--color-murex-500: #857eb6;
--color-murex-600: #706a9a;
--color-murex-700: #5a557b;
--color-murex-800: #413e5c;
--color-murex-900: #2c2b40;
--color-murex-950: #1a1829;
}SCSS
$murex: #847eb1;
$murex-rgb: 132, 126, 177;
$murex-light: mix(#fff, $murex, 20%);
$murex-dark: mix(#000, $murex, 20%);
.element {
color: $murex;
box-shadow: 0 0 0 2px rgba($murex, 0.35);
}