Nächste benannte Farbe · #E343B9
#E343B9
Nächste benannte Farbe: Magnificent Magenta
#E343B9 (rgb(227 67 185), hsl(316 74% 58%), oklch(0.65 0.228 340.4)) liegt am nächsten an der benannten Farbe Magnificent Magenta. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E343B9
oklch(0.65 0.228 340.4)
Farbumrechnungen
- HEX
- #e343b9
- RGB
- rgb(227 67 185)
- HSL
- hsl(316 74% 58%)
- HWB
- hwb(316 26% 11%)
- OKLCH
- oklch(0.65 0.228 340.4)
- OKLab
- oklab(0.65 0.215 -0.077)
- CIE Lab
- lab(56.14 69.84 -27.67)
- LCH
- lch(56.14 75.12 338.4)
- CMYK
- cmyk(0% 70% 19% 11%)
Tints · Shades · Tones
Tints
- E85BC0
- ED70C7
- F184CF
- F596D6
- F8A8DD
- FBBAE4
- FDCBEB
- FEDDF1
- FFEEF8
Shades
- C539A0
- A82F89
- 8C2671
- 711D5B
- 571446
- 3F0C31
- 27051E
- 12010D
- 030002
Tones
- DA4EB3
- D157AE
- C85EA8
- BF65A3
- B56B9D
- AB7097
- A17591
- 97798C
- 8C7D86
Farbharmonien
Komplementär +180°
- E343B9
Magnificent Magenta
- 00AA70
≈ Sesame Street Green
Analog -30° +30°
- E343B9
Magnificent Magenta
- BA59F4
≈ After-Party Pink
- F9366E
≈ Chinese New Year
Triadisch +120° +240°
- E343B9
Magnificent Magenta
- A29000
≈ Romaine Green
- 009FC1
≈ Delos Blue
Geteilt komplementär +150° +210°
- E343B9
Magnificent Magenta
- 69A300
≈ Herbal Lift
- 00A59F
≈ Jadestone
Tetradisch +90° +180° +270°
- E343B9
Magnificent Magenta
- C47E00
≈ Bamboo Brown
- 00AA70
≈ Sesame Street Green
- 0092FB
≈ Clear Chill
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.63:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.76:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.76:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--magnificent-magenta: #e343b9;
--magnificent-magenta-rgb: 227 67 185;
--magnificent-magenta-oklch: oklch(0.65 0.228 340.4);
}
.element {
color: var(--magnificent-magenta);
background-color: hsl(316 74% 58%);
border-color: oklch(0.65 0.228 340.4);
}Tailwind CSS v4
@theme {
--color-magnificent-magenta: #e343b9;
--color-magnificent-magenta-50: #ffdcff;
--color-magnificent-magenta-100: #ffcafd;
--color-magnificent-magenta-200: #ffacef;
--color-magnificent-magenta-300: #ff83d7;
--color-magnificent-magenta-400: #f15bc7;
--color-magnificent-magenta-500: #df23b3;
--color-magnificent-magenta-600: #bc2297;
--color-magnificent-magenta-700: #971c79;
--color-magnificent-magenta-800: #70135c;
--color-magnificent-magenta-900: #4f0c41;
--color-magnificent-magenta-950: #340029;
}SCSS
$magnificent-magenta: #e343b9;
$magnificent-magenta-rgb: 227, 67, 185;
$magnificent-magenta-light: mix(#fff, $magnificent-magenta, 20%);
$magnificent-magenta-dark: mix(#000, $magnificent-magenta, 20%);
.element {
color: $magnificent-magenta;
box-shadow: 0 0 0 2px rgba($magnificent-magenta, 0.35);
}