Benannte Farbe · #ED0DD9
Fuchsia
Fuchsia ist #ED0DD9: rgb(237 13 217), hsl(305 90% 49%), oklch(0.654 0.29 333.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Fuchsia color name →
#ED0DD9
oklch(0.654 0.29 333.1)
Farbumrechnungen
- HEX
- #ed0dd9
- RGB
- rgb(237 13 217)
- HSL
- hsl(305 90% 49%)
- HWB
- hwb(305 5% 7%)
- OKLCH
- oklch(0.654 0.29 333.1)
- OKLab
- oklab(0.654 0.259 -0.131)
- CIE Lab
- lab(55.42 85.69 -46.97)
- LCH
- lch(55.42 97.72 331.3)
- CMYK
- cmyk(0% 95% 8% 7%)
Tints · Shades · Tones
Tints
- F243DE
- F660E2
- F978E6
- FC8DEB
- FEA2EE
- FFB5F2
- FFC8F6
- FFDAF9
- FFEDFC
Shades
- CE0ABC
- B007A1
- 930586
- 77036C
- 5C0253
- 42013B
- 2A0025
- 140011
- 030002
Tones
- E331D0
- D944C8
- CF51BF
- C55BB6
- BB64AD
- B06BA4
- A5719B
- 997792
- 8D7C89
Farbharmonien
Komplementär +180°
- ED0DD9
Fuchsia
- 00AD5C
≈ Nordic Grass Green
Analog -30° +30°
- ED0DD9
Fuchsia
- AE61FF
≈ Purple Hedonist
- FF2381
≈ Reliquial Rose
Triadisch +120° +240°
- ED0DD9
Fuchsia
- AD8D00
≈ Titanite Yellow
- 00A2BA
≈ January Blue
Geteilt komplementär +150° +210°
- ED0DD9
Fuchsia
- 7E9F00
≈ Support Green
- 00A797
≈ Persian Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.70:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.66:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.66:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--fuchsia: #ed0dd9;
--fuchsia-rgb: 237 13 217;
--fuchsia-oklch: oklch(0.654 0.29 333.1);
}
.element {
color: var(--fuchsia);
background-color: hsl(305 90% 49%);
border-color: oklch(0.654 0.29 333.1);
}Tailwind CSS v4
@theme {
--color-fuchsia: #ed0dd9;
--color-fuchsia-50: #ffd6ff;
--color-fuchsia-100: #ffc2ff;
--color-fuchsia-200: #ffa0ff;
--color-fuchsia-300: #ff72f1;
--color-fuchsia-400: #fa3de5;
--color-fuchsia-500: #e800d4;
--color-fuchsia-600: #c400b3;
--color-fuchsia-700: #9e0090;
--color-fuchsia-800: #74006e;
--color-fuchsia-900: #52004e;
--color-fuchsia-950: #360033;
}SCSS
$fuchsia: #ed0dd9;
$fuchsia-rgb: 237, 13, 217;
$fuchsia-light: mix(#fff, $fuchsia, 20%);
$fuchsia-dark: mix(#000, $fuchsia, 20%);
.element {
color: $fuchsia;
box-shadow: 0 0 0 2px rgba($fuchsia, 0.35);
}