Über Deep Pink
Deep Pink (deeppink) ist ein mittleres, kräftiges Magenta mit dem Hex-Code #ff1493 oder rgb(255, 20, 147). Im HSL-Modell liegt er bei einem Farbton von 328°, 100 % Sättigung und 54 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du color: deeppink; statt des Hex-Werts schreiben kannst.
Deep Pink für Text und Hintergründe verwenden
| Paarung | Kontrastverhältnis | WCAG |
|---|---|---|
| Deep-Pink-Text auf Weiß | 3.64 : 1 | nur AA für große Schrift |
| Deep-Pink-Text auf Schwarz | 5.77 : 1 | AA |
Auf einem Deep-Pink-Hintergrund verwendest du am besten schwarzen Text (5.77 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.
CSS
.element {
color: deeppink; /* or #ff1493 */
background-color: #ff1493;
border: 1px solid rgb(255 20 147 / 50%);
}
Ähnliche benannte Farben
Mittelviolettrot (#c71585), Knallpink (#ff69b4), Karminrot (#dc143c), Blassviolettrot (#db7093), Indischrot (#cd5c5c), Tomatenrot (#ff6347).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.