Hergestellt in 03/03/2022 15:08
  0.11k

Ux app design ui colors

  • Iceberg
    #66b5cc
  • Columbia Blue
    #c0e3e8
  • Deep Koamaru
    #2a395b
  • Rackley
    #6479a3
  • Opal
    #99bcc5
  • Police Blue
    #3d4e6a
Loading...
Die Palette besteht aus Licht-Farben. Akzentfarben Iceberg #66b5cc und Columbia Blue #c0e3e8. Palette hat Farbtemperatur Kalt.

Nach Helligkeit reicht diese Palette von #2A395B (dunkelstes) bis #C0E3E8 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung liegt im mittleren Bereich.

Die Farbton-Verteilung erinnert an einen analogen Bereich (heuristisch, keine feste Farbtheorie).

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #2A395B, #3D4E6A, #6479A3, #66B5CC, #99BCC5, #C0E3E8

Die Palette Ux app design ui colors enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #66b5cc, RGB: (102, 181, 204); VERHEXEN: #c0e3e8, RGB: (192, 227, 232); VERHEXEN: #2a395b, RGB: (42, 57, 91)
VERHEXEN: #6479a3, RGB: (100, 121, 163); VERHEXEN: #99bcc5, RGB: (153, 188, 197); VERHEXEN: #3d4e6a, RGB: (61, 78, 106)
Vereinfachte Version der Palettenfarben
Farbton von skyblue, Schatten von powderblue, Farbton von darkslateblue, Schatten von steelblue, Farbton von lightblue, Schatten von darkslateblue
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

Ux app design ui colors Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#66b5cc #66b5cc RGB(102, 181, 204)Iceberg
#c0e3e8 #c0e3e8 RGB(192, 227, 232)Columbia Blue
#2a395b #2a395b RGB(42, 57, 91)Deep Koamaru
#6479a3 #6479a3 RGB(100, 121, 163)Rackley
#99bcc5 #99bcc5 RGB(153, 188, 197)Opal
#3d4e6a #3d4e6a RGB(61, 78, 106)Police Blue

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
#66b5cc
#c0e3e8
1.7
#66b5cc
#6479a3
1.88
#66b5cc
#99bcc5
1.14
#c0e3e8
#99bcc5
1.48
#2a395b
#3d4e6a
1.36
#6479a3
#3d4e6a
1.92

Bildpalette Ux app design ui colors png

Loading...
Loading...