Nazwany kolor · #8E3A59
Quinacridone Magenta
Quinacridone Magenta to #8E3A59: rgb(142 58 89), hsl(338 42% 39%), oklch(0.472 0.118 359.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Quinacridone Magenta color name →
#8E3A59
oklch(0.472 0.118 359.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9B4E68
- A76178
- B37487
- BE8798
- CA9AA8
- D5AEB9
- E0C2CA
- EAD6DB
- F5EAED
Odcienie ciemniejsze
- 7B314C
- 682840
- 562034
- 441828
- 34101D
- 240913
- 150409
- 070103
- 010000
Tony
- 8E425D
- 8D4A61
- 8D5164
- 8C5868
- 8A5F6C
- 896670
- 876D74
- 857378
- 837A7C
Harmonie kolorów
Komplementarna +180°
- 8E3A59
Quinacridone Magenta
- 006B5D
≈ Pacific Queen
Analogowa -30° +30°
- 8E3A59
Quinacridone Magenta
- 7F3F7B
≈ Violet Webcap
- 923C31
≈ Carmen Miranda
Triada +120° +240°
- 8E3A59
Quinacridone Magenta
- 546300
≈ Serrano Pepper
- 006291
≈ Bauhaus Blue
Komplementarna rozszczepiona +150° +210°
- 8E3A59
Quinacridone Magenta
- 196D34
≈ Column of Oak Green
- 006774
≈ Bankson Lake
Tetrada +90° +180° +270°
- 8E3A59
Quinacridone Magenta
- 715800
≈ Hot Mustard
- 006B5D
≈ Pacific Queen
- 41559D
≈ Nuthatch Back
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.24:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.89:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}