Figma landing ux ui hex colors

  • #c8ac3c
  • #84ecfa
  • #5c4c14
  • #508e9e
  • #cdb49d
  • #2e515a
  0.17k
Erstellt am 01/12/2021 14:19
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben #84ecfa und #5c4c14. Palette hat Farbtemperatur Warm, Kalt.

Nach Helligkeit reicht diese Palette von #2E515A (dunkelstes) bis #84ECFA (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung liegt im mittleren Bereich, im Durchschnitt 52% über die Palette.

Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.

Warme und kühle Felder sind ziemlich ausgeglichen (3 warm, 3 kühl).

HEX-Codes (sortiert): #2E515A, #508E9E, #5C4C14, #84ECFA, #C8AC3C, #CDB49D

Die Palette Figma landing ux ui hex colors kombiniert 6 Farbcodes:
HEX: #c8ac3c, RGB: (200, 172, 60); HEX: #84ecfa, RGB: (132, 236, 250); HEX: #5c4c14, RGB: (92, 76, 20)
HEX: #508e9e, RGB: (80, 142, 158); HEX: #cdb49d, RGB: (205, 180, 157); HEX: #2e515a, RGB: (46, 81, 90)
Vereinfachte Version der Palettenfarben
Aufhellung von Goldrute, Schattierung von Blasstürkis, Schattierung von Dunkles Olivgrün, Schattierung von Kadettenblau, Aufhellung von Gelbbraun, Aufhellung von Dunkles Schiefergrau
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

Figma landing ux ui hex colors Farbcodes HEX, RGB-Informationen in der Tabelle

FarbeHEXRGBNamealternativer Name
#c8ac3c#c8ac3cRGB(200, 172, 60)——
#84ecfa#84ecfaRGB(132, 236, 250)——
#5c4c14#5c4c14RGB(92, 76, 20)——
#508e9e#508e9eRGB(80, 142, 158)——
#cdb49d#cdb49dRGB(205, 180, 157)——
#2e515a#2e515aRGB(46, 81, 90)——

Farbpalette Kontrast

6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
TextfarbeHintergrundfarbeKontrastverhältnis
#c8ac3c
#84ecfa
1.63
#c8ac3c
#508e9e
1.65
#c8ac3c
#cdb49d
1.12
#84ecfa
#cdb49d
1.44
#5c4c14
#2e515a
1.02
#508e9e
#cdb49d
1.86

Bildpalette Figma landing ux ui hex colors png