Nazwany kolor · #913977
Magenta Red
Magenta Red to #913977: rgb(145 57 119), hsl(318 44% 40%), oklch(0.487 0.14 340.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Magenta Red color name →
#913977
oklch(0.487 0.14 340.7)
Konwersje koloru
- HEX
- #913977
- RGB
- rgb(145 57 119)
- HSL
- hsl(318 44% 40%)
- HWB
- hwb(318 22% 43%)
- OKLCH
- oklch(0.487 0.14 340.7)
- OKLab
- oklab(0.487 0.132 -0.046)
- CIE Lab
- lab(38.47 43.17 -16.72)
- LCH
- lch(38.47 46.29 338.8)
- CMYK
- cmyk(0% 61% 18% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9D4D84
- A96191
- B5749E
- C087AC
- CB9BB9
- D6AEC7
- E1C2D5
- EBD6E3
- F5EBF1
Odcienie ciemniejsze
- 7D3067
- 6A2857
- 581F47
- 461738
- 35102A
- 25091C
- 150410
- 070105
- 010001
Tony
- 904278
- 904A79
- 8E517A
- 8D587B
- 8C5F7C
- 8A667D
- 886D7E
- 86737F
- 837A7F
Harmonie kolorów
Komplementarna +180°
- 913977
Magenta Red
- 00724A
≈ Cloudy Camouflage
Analogowa -30° +30°
- 913977
Magenta Red
- 784499
≈ Cadmium Violet
- 9E354C
≈ Raspberry Ice Red
Triada +120° +240°
- 913977
Magenta Red
- 6C6000
≈ Green Brown
- 006A83
≈ Pilot Blue
Komplementarna rozszczepiona +150° +210°
- 913977
Magenta Red
- 446D00
≈ Forest Empress
- 006E6B
≈ Pine Scented Lagoon
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.87:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.05:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.87:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--magenta-red: #913977;
--magenta-red-rgb: 145 57 119;
--magenta-red-oklch: oklch(0.487 0.14 340.7);
}
.element {
color: var(--magenta-red);
background-color: hsl(318 44% 40%);
border-color: oklch(0.487 0.14 340.7);
}Tailwind CSS v4
@theme {
--color-magenta-red: #913977;
--color-magenta-red-50: #ffe6ff;
--color-magenta-red-100: #ffd6f5;
--color-magenta-red-200: #ffbde4;
--color-magenta-red-300: #e99acb;
--color-magenta-red-400: #d57bb7;
--color-magenta-red-500: #c15ca2;
--color-magenta-red-600: #a34e89;
--color-magenta-red-700: #833e6e;
--color-magenta-red-800: #612d52;
--color-magenta-red-900: #441e39;
--color-magenta-red-950: #2c0e24;
}SCSS
$magenta-red: #913977;
$magenta-red-rgb: 145, 57, 119;
$magenta-red-light: mix(#fff, $magenta-red, 20%);
$magenta-red-dark: mix(#000, $magenta-red, 20%);
.element {
color: $magenta-red;
box-shadow: 0 0 0 2px rgba($magenta-red, 0.35);
}