Loading...
Hergestellt in 04/04/2023 20:22
  61

Ui product design vector app palette

  • Blue-Green
    #1f97ae
  • Pastel Pink
    #dfaaa6
  • Caput Mortuum
    #5f221d
  • Dark Chestnut
    #9c6b62
  • Khaki (HTML/CSS)
    #c2a592
  • Charcoal
    #313d58
Loading...
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Blue-Green #1f97ae und Caput Mortuum #5f221d. Palette hat Farbtemperatur Kalt, Warm.

Nach Helligkeit reicht diese Palette von #5F221D (dunkelstes) bis #DFAAA6 (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

In der Gesamttemperatur neigen die Felder zur warmen Seite.

HEX-Codes (sortiert): #1F97AE, #313D58, #5F221D, #9C6B62, #C2A592, #DFAAA6

Die Palette Ui product design vector app palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #1f97ae, RGB: (31, 151, 174); VERHEXEN: #dfaaa6, RGB: (223, 170, 166); VERHEXEN: #5f221d, RGB: (95, 34, 29)
VERHEXEN: #9c6b62, RGB: (156, 107, 98); VERHEXEN: #c2a592, RGB: (194, 165, 146); VERHEXEN: #313d58, RGB: (49, 61, 88)
Vereinfachte Version der Palettenfarben
Farbton von cadetblue, Schatten von rosybrown, Schatten von Kastanienbraun, Farbton von indianred, Farbton von tan, Farbton von darkslateblue
Farbschema wurde erstellt von coolor

Farbcodes in der Palette

Ui product design vector app palette Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#1f97ae #1f97ae RGB(31, 151, 174)Blue-Green
#dfaaa6 #dfaaa6 RGB(223, 170, 166)Pastel Pink
#5f221d #5f221d RGB(95, 34, 29)Caput Mortuum
#9c6b62 #9c6b62 RGB(156, 107, 98)Dark Chestnut
#c2a592 #c2a592 RGB(194, 165, 146)Khaki (HTML/CSS)
#313d58 #313d58 RGB(49, 61, 88)Charcoal

Farbpalette Kontrast

6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#1f97ae
#dfaaa6
1.71
#1f97ae
#9c6b62
1.29
#1f97ae
#c2a592
1.49
#dfaaa6
#c2a592
1.14
#5f221d
#313d58
1.11
#9c6b62
#c2a592
1.93

Bildpalette Ui product design vector app palette png

Loading...
Loading...
Loading...