Hergestellt in 02/28/2025 14:54
Catappuccin Mocha Highlight Colors
- mocha-rosewater#f5e0dc
- mocha-flamingo#f2cdcd
- mocha-pink#f5c2e7
- mocha-red#f38ba8
- mocha-maroon#eba0ac
- mocha-yellow#f9e2af
- mocha-green#a6e3a1
- mocha-teal#94e2d5
- mocha-sapphire#74c7ec
- mocha-blue#89b4fa
- mocha-lavender#b4befe
- mocha-mauve#cba6f7
Die Palette besteht aus Licht-Farben. Akzentfarben mocha-yellow #f9e2af und mocha-lavender #b4befe. Palette hat Farbtemperatur Neutral, Warm, Kalt.
Nach Helligkeit reicht diese Palette von #74C7EC (dunkelstes) bis #F5E0DC (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #74C7EC, #89B4FA, #94E2D5, #A6E3A1, #B4BEFE, #CBA6F7, #EBA0AC, #F2CDCD, #F38BA8, #F5C2E7, #F5E0DC, #F9E2AF
Die Palette Catappuccin Mocha Highlight Colors enthält eine Kombination aus 12-Codefarben:
VERHEXEN: #f5e0dc, RGB: (245, 224, 220); VERHEXEN: #f2cdcd, RGB: (242, 205, 205); VERHEXEN: #f5c2e7, RGB: (245, 194, 231)
VERHEXEN: #f38ba8, RGB: (243, 139, 168); VERHEXEN: #eba0ac, RGB: (235, 160, 172); VERHEXEN: #f9e2af, RGB: (249, 226, 175)
VERHEXEN: #a6e3a1, RGB: (166, 227, 161); VERHEXEN: #94e2d5, RGB: (148, 226, 213); VERHEXEN: #74c7ec, RGB: (116, 199, 236)
VERHEXEN: #89b4fa, RGB: (137, 180, 250); VERHEXEN: #b4befe, RGB: (180, 190, 254); VERHEXEN: #cba6f7, RGB: (203, 166, 247)
Vereinfachte Version der Palettenfarben
Farbton von mistyrose, Farbton von mistyrose, Schatten von thistle, Schatten von palevioletred, Farbton von lightpink, Farbton von moccasin, Schatten von lightgreen, Farbton von paleturquoise, Farbton von skyblue, Schatten von cornflowerblue, Schatten von lightsteelblue, Schatten von plum
Farbschema wurde erstellt von keladeine
Farbcodes in der Palette
Catappuccin Mocha Highlight Colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #f5e0dc | #f5e0dc | RGB(245, 224, 220) | mocha-rosewater | — |
| #f2cdcd | #f2cdcd | RGB(242, 205, 205) | mocha-flamingo | — |
| #f5c2e7 | #f5c2e7 | RGB(245, 194, 231) | mocha-pink | — |
| #f38ba8 | #f38ba8 | RGB(243, 139, 168) | mocha-red | — |
| #eba0ac | #eba0ac | RGB(235, 160, 172) | mocha-maroon | — |
| #f9e2af | #f9e2af | RGB(249, 226, 175) | mocha-yellow | — |
| #a6e3a1 | #a6e3a1 | RGB(166, 227, 161) | mocha-green | — |
| #94e2d5 | #94e2d5 | RGB(148, 226, 213) | mocha-teal | — |
| #74c7ec | #74c7ec | RGB(116, 199, 236) | mocha-sapphire | — |
| #89b4fa | #89b4fa | RGB(137, 180, 250) | mocha-blue | — |
| #b4befe | #b4befe | RGB(180, 190, 254) | mocha-lavender | — |
| #cba6f7 | #cba6f7 | RGB(203, 166, 247) | mocha-mauve | — |
Farbpalette Kontrast
66 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#f5e0dc | #f2cdcd | 1.15 |
#f5e0dc | #f5c2e7 | 1.2 |
#f5e0dc | #f38ba8 | 1.82 |
#f5e0dc | #eba0ac | 1.63 |
#f5e0dc | #f9e2af | 1 |
#f5e0dc | #a6e3a1 | 1.17 |
Bildpalette Catappuccin Mocha Highlight Colors png
Palette exportieren
Laden Sie die "Catappuccin Mocha Highlight Colors" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: