Colore con nome · #8E3A59
Quinacridone Magenta
Quinacridone Magenta è #8E3A59: rgb(142 58 89), hsl(338 42% 39%), oklch(0.472 0.118 359.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Quinacridone Magenta color name →
#8E3A59
oklch(0.472 0.118 359.6)
Conversioni di colore
- HEX
- #8e3a59
- RGB
- rgb(142 58 89)
- HSL
- hsl(338 42% 39%)
- HWB
- hwb(338 23% 44%)
- OKLCH
- oklch(0.472 0.118 359.6)
- OKLab
- oklab(0.472 0.118 -0.001)
- CIE Lab
- lab(37.22 38.63 0.18)
- LCH
- lch(37.22 38.63 0.3)
- CMYK
- cmyk(0% 59% 37% 44%)
Tinte · Ombre · Toni
Tinte
- 9B4E68
- A76178
- B37487
- BE8798
- CA9AA8
- D5AEB9
- E0C2CA
- EAD6DB
- F5EAED
Ombre
- 7B314C
- 682840
- 562034
- 441828
- 34101D
- 240913
- 150409
- 070103
- 010000
Toni
- 8E425D
- 8D4A61
- 8D5164
- 8C5868
- 8A5F6C
- 896670
- 876D74
- 857378
- 837A7C
Armonie di colore
Complementare +180°
- 8E3A59
Quinacridone Magenta
- 006B5D
≈ Pacific Queen
Analogo -30° +30°
- 8E3A59
Quinacridone Magenta
- 7F3F7B
≈ Violet Webcap
- 923C31
≈ Carmen Miranda
Triadico +120° +240°
- 8E3A59
Quinacridone Magenta
- 546300
≈ Serrano Pepper
- 006291
≈ Bauhaus Blue
Complementare divisa +150° +210°
- 8E3A59
Quinacridone Magenta
- 196D34
≈ Column of Oak Green
- 006774
≈ Bankson Lake
Tetradico +90° +180° +270°
- 8E3A59
Quinacridone Magenta
- 715800
≈ Hot Mustard
- 006B5D
≈ Pacific Queen
- 41559D
≈ Nuthatch Back
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.24:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.89:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--quinacridone-magenta: #8e3a59;
--quinacridone-magenta-rgb: 142 58 89;
--quinacridone-magenta-oklch: oklch(0.472 0.118 359.6);
}
.element {
color: var(--quinacridone-magenta);
background-color: hsl(338 42% 39%);
border-color: oklch(0.472 0.118 359.6);
}Tailwind CSS v4
@theme {
--color-quinacridone-magenta: #8e3a59;
--color-quinacridone-magenta-50: #ffe8f3;
--color-quinacridone-magenta-100: #ffd8e5;
--color-quinacridone-magenta-200: #ffc0d1;
--color-quinacridone-magenta-300: #eb9eb3;
--color-quinacridone-magenta-400: #d7809c;
--color-quinacridone-magenta-500: #c46183;
--color-quinacridone-magenta-600: #a5536f;
--color-quinacridone-magenta-700: #854259;
--color-quinacridone-magenta-800: #622f42;
--color-quinacridone-magenta-900: #45202e;
--color-quinacridone-magenta-950: #2c0f1b;
}SCSS
$quinacridone-magenta: #8e3a59;
$quinacridone-magenta-rgb: 142, 58, 89;
$quinacridone-magenta-light: mix(#fff, $quinacridone-magenta, 20%);
$quinacridone-magenta-dark: mix(#000, $quinacridone-magenta, 20%);
.element {
color: $quinacridone-magenta;
box-shadow: 0 0 0 2px rgba($quinacridone-magenta, 0.35);
}