Benannte Farbe · #E84998
Schiaparelli Pink
Schiaparelli Pink ist #E84998: rgb(232 73 152), hsl(330 78% 60%), oklch(0.65 0.207 353.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Schiaparelli Pink color name →
#E84998
oklch(0.65 0.207 353.9)
Farbumrechnungen
- HEX
- #e84998
- RGB
- rgb(232 73 152)
- HSL
- hsl(330 78% 60%)
- HWB
- hwb(330 29% 9%)
- OKLCH
- oklch(0.65 0.207 353.9)
- OKLab
- oklab(0.65 0.206 -0.022)
- CIE Lab
- lab(56.72 66.32 -7.49)
- LCH
- lch(56.72 66.74 353.6)
- CMYK
- cmyk(0% 69% 34% 9%)
Tints · Shades · Tones
Tints
- ED5FA2
- F173AC
- F586B6
- F998C0
- FBAACA
- FDBBD5
- FFCCDF
- FFDDEA
- FFEEF4
Shades
- CA3E84
- AC3470
- 902A5C
- 74204A
- 591738
- 400E27
- 290617
- 130208
- 030001
Tones
- DF5296
- D55A93
- CC6191
- C2678E
- B86C8C
- AE718A
- A37587
- 987985
- 8C7D82
Farbharmonien
Komplementär +180°
- E84998
Schiaparelli Pink
- 00A789
≈ Moray Eel
Analog -30° +30°
- E84998
Schiaparelli Pink
- C958D5
≈ Thick Pink
- F4494D
≈ Pastel Strawberry
Triadisch +120° +240°
- E84998
Schiaparelli Pink
- 8F9800
≈ Devil’s Flower Mantis
- 009BD5
≈ Structural Blue
Geteilt komplementär +150° +210°
- E84998
Schiaparelli Pink
- 10AD27
≈ Kelley Green
- 00A2AE
≈ Aare River Brienz
Tetradisch +90° +180° +270°
- E84998
Schiaparelli Pink
- B58700
≈ Letter Jacket
- 00A789
≈ Moray Eel
- 5388FF
≈ Skinny Jeans
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.59:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.83:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.83:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--schiaparelli-pink: #e84998;
--schiaparelli-pink-rgb: 232 73 152;
--schiaparelli-pink-oklch: oklch(0.65 0.207 353.9);
}
.element {
color: var(--schiaparelli-pink);
background-color: hsl(330 78% 60%);
border-color: oklch(0.65 0.207 353.9);
}Tailwind CSS v4
@theme {
--color-schiaparelli-pink: #e84998;
--color-schiaparelli-pink-50: #ffddf7;
--color-schiaparelli-pink-100: #ffcbea;
--color-schiaparelli-pink-200: #ffaed7;
--color-schiaparelli-pink-300: #ff86bb;
--color-schiaparelli-pink-400: #f65fa7;
--color-schiaparelli-pink-500: #e42e90;
--color-schiaparelli-pink-600: #c12a79;
--color-schiaparelli-pink-700: #9b2261;
--color-schiaparelli-pink-800: #73174a;
--color-schiaparelli-pink-900: #510f33;
--color-schiaparelli-pink-950: #36011f;
}SCSS
$schiaparelli-pink: #e84998;
$schiaparelli-pink-rgb: 232, 73, 152;
$schiaparelli-pink-light: mix(#fff, $schiaparelli-pink, 20%);
$schiaparelli-pink-dark: mix(#000, $schiaparelli-pink, 20%);
.element {
color: $schiaparelli-pink;
box-shadow: 0 0 0 2px rgba($schiaparelli-pink, 0.35);
}