Benannte Farbe · #E3969B
Marker Pink
Marker Pink ist #E3969B: rgb(227 150 155), hsl(356 58% 74%), oklch(0.751 0.093 15.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Marker Pink color name →
#E3969B
oklch(0.751 0.093 15.3)
Farbumrechnungen
- HEX
- #e3969b
- RGB
- rgb(227 150 155)
- HSL
- hsl(356 58% 74%)
- HWB
- hwb(356 59% 11%)
- OKLCH
- oklch(0.751 0.093 15.3)
- OKLab
- oklab(0.751 0.09 0.025)
- CIE Lab
- lab(70.14 30.24 9.95)
- LCH
- lch(70.14 31.83 18.2)
- CMYK
- cmyk(0% 34% 32% 11%)
Tints · Shades · Tones
Tints
- E7A0A5
- EAABAE
- EDB5B8
- F0C0C2
- F3CACC
- F6D5D6
- F9DFE0
- FBEAEA
- FDF4F5
Shades
- C58286
- A86E72
- 8C5B5E
- 71494B
- 573739
- 3F2628
- 271618
- 120809
- 030101
Tones
- D99498
- CF9296
- C69093
- BC8E90
- B28C8D
- A88A8B
- 9E8788
- 948585
- 8A8283
Farbharmonien
Komplementär +180°
- E3969B
Marker Pink
- 5DC1C1
≈ Gem Turquoise
Analog -30° +30°
- E3969B
Marker Pink
- D997BC
≈ Soft Fuchsia
- E09C7D
≈ Ciao
Triadisch +120° +240°
- E3969B
Marker Pink
- 95BC80
≈ Sago Garden
- 86B1E9
≈ Fly Away
Geteilt komplementär +150° +210°
- E3969B
Marker Pink
- 72C1A0
≈ Gem Silica
- 68BBDB
≈ Clear Weather
Tetradisch +90° +180° +270°
- E3969B
Marker Pink
- B7B26B
≈ Rodham
- 5DC1C1
≈ Gem Turquoise
- A8A6E7
≈ Maximum Blue Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.30:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.10:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--marker-pink: #e3969b;
--marker-pink-rgb: 227 150 155;
--marker-pink-oklch: oklch(0.751 0.093 15.3);
}
.element {
color: var(--marker-pink);
background-color: hsl(356 58% 74%);
border-color: oklch(0.751 0.093 15.3);
}Tailwind CSS v4
@theme {
--color-marker-pink: #e3969b;
--color-marker-pink-50: #ffebeb;
--color-marker-pink-100: #ffdcdd;
--color-marker-pink-200: #fac5c6;
--color-marker-pink-300: #e3a5a6;
--color-marker-pink-400: #cf888c;
--color-marker-pink-500: #bc6b72;
--color-marker-pink-600: #9e5b60;
--color-marker-pink-700: #7f494d;
--color-marker-pink-800: #5e3439;
--color-marker-pink-900: #422427;
--color-marker-pink-950: #2a1215;
}SCSS
$marker-pink: #e3969b;
$marker-pink-rgb: 227, 150, 155;
$marker-pink-light: mix(#fff, $marker-pink, 20%);
$marker-pink-dark: mix(#000, $marker-pink, 20%);
.element {
color: $marker-pink;
box-shadow: 0 0 0 2px rgba($marker-pink, 0.35);
}