Benannte Farbe · #983166
Magenta Manicure
Magenta Manicure ist #983166: rgb(152 49 102), hsl(329 51% 39%), oklch(0.481 0.147 352.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Magenta Manicure color name →
#983166
oklch(0.481 0.147 352.3)
Farbumrechnungen
- HEX
- #983166
- RGB
- rgb(152 49 102)
- HSL
- hsl(329 51% 39%)
- HWB
- hwb(329 19% 40%)
- OKLCH
- oklch(0.481 0.147 352.3)
- OKLab
- oklab(0.481 0.146 -0.02)
- CIE Lab
- lab(37.83 47.1 -6.9)
- LCH
- lch(37.83 47.6 351.7)
- CMYK
- cmyk(0% 68% 33% 40%)
Tints · Shades · Tones
Tints
- A44774
- B05C83
- BB7091
- C684A0
- D098B0
- DAACBF
- E4C1CF
- EDD5DF
- F6EAEF
Shades
- 842958
- 70224A
- 5C1A3C
- 4A132F
- 380C23
- 270617
- 17030C
- 080104
- 010000
Tones
- 973B69
- 96456B
- 944D6E
- 925570
- 905D73
- 8E6476
- 8B6B78
- 88727B
- 84797D
Farbharmonien
Komplementär +180°
- 983166
Magenta Manicure
- 006E58
≈ Teal Dark Green
Analog -30° +30°
- 983166
Magenta Manicure
- 833B8E
≈ Dull Violet
- A03035
≈ Milano Red
Triadisch +120° +240°
- 983166
Magenta Manicure
- 606300
≈ Mud Green
- 00668C
≈ Pulsating Blue
Geteilt komplementär +150° +210°
- 983166
Magenta Manicure
- 1B7116
≈ Battle Cat
- 006B72
≈ Toadstool Teal
Tetradisch +90° +180° +270°
- 983166
Magenta Manicure
- 795700
≈ Qahvei Brown
- 006E58
≈ Teal Dark Green
- 2D59B0
≈ Blasphemous Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.07:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.96:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--magenta-manicure: #983166;
--magenta-manicure-rgb: 152 49 102;
--magenta-manicure-oklch: oklch(0.481 0.147 352.3);
}
.element {
color: var(--magenta-manicure);
background-color: hsl(329 51% 39%);
border-color: oklch(0.481 0.147 352.3);
}Tailwind CSS v4
@theme {
--color-magenta-manicure: #983166;
--color-magenta-manicure-50: #ffe4f8;
--color-magenta-manicure-100: #ffd4eb;
--color-magenta-manicure-200: #ffbad8;
--color-magenta-manicure-300: #f297bc;
--color-magenta-manicure-400: #df77a7;
--color-magenta-manicure-500: #cc5690;
--color-magenta-manicure-600: #ac497a;
--color-magenta-manicure-700: #8b3a61;
--color-magenta-manicure-800: #662a49;
--color-magenta-manicure-900: #481c33;
--color-magenta-manicure-950: #2f0c1e;
}SCSS
$magenta-manicure: #983166;
$magenta-manicure-rgb: 152, 49, 102;
$magenta-manicure-light: mix(#fff, $magenta-manicure, 20%);
$magenta-manicure-dark: mix(#000, $magenta-manicure, 20%);
.element {
color: $magenta-manicure;
box-shadow: 0 0 0 2px rgba($magenta-manicure, 0.35);
}