Über Dark Orchid
Dark Orchid (darkorchid) ist ein mittleres, kräftiges Violett mit dem Hex-Code #9932cc, bzw. rgb(153, 50, 204). Im HSL-Farbraum liegt sie bei einem Farbton von 280°, einer Sättigung von 61% und einer Helligkeit von 50%. Sie gehört zu den 148 benannten Farben, die jeder Browser kennt, sodass du color: darkorchid; statt des Hex-Werts schreiben kannst.
Dark Orchid für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Dark-Orchid-Text auf Weiß | 5.70 : 1 | AA |
| Dark-Orchid-Text auf Schwarz | 3.68 : 1 | nur AA bei großer Schrift |
Auf einem Dark-Orchid-Hintergrund verwendest du am besten weißen Text (5.70 : 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: darkorchid; /* or #9932cc */
background-color: #9932cc;
border: 1px solid rgb(153 50 204 / 50%);
}
Ähnliche benannte Farben
Blauviolett (#8a2be2), Mittleres Orchidee (#ba55d3), Dunkles Violett (#9400d3), Schieferblau (#6a5acd), Mittleres Purpur (#9370db), Mittleres Schieferblau (#7b68ee).
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.