Saas tool design typography edit component colors

  • American Blue
    #3c3474
  • Gold (Crayola)
    #ebce93
  • St. Patrick's Blue
    #1e1e71
  • Dark Blue-Gray
    #5e65a4
  • Jet Stream
    #add4c3
  • Charleston Green
    #2c2c2c
  89
Erstellt am 04/09/2023 21:10
Die Palette besteht aus Halbdunkel, Hell, Dunkel-Farben. Akzentfarben Gold (Crayola) #ebce93 und St. Patrick's Blue #1e1e71. Palette hat Farbtemperatur Kalt, Warm, Neutral.

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

Die Sättigung ist gemischt — 2 gedämpfte und 2 lebhafte von 6 Farben.

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

In der Gesamttemperatur neigen die Felder zur kalten Seite (4 von 6).

HEX-Codes (sortiert): #1E1E71, #2C2C2C, #3C3474, #5E65A4, #ADD4C3, #EBCE93

Die Palette Saas tool design typography edit component colors kombiniert 6 Farbcodes:
HEX: #3c3474, RGB: (60, 52, 116); HEX: #ebce93, RGB: (235, 206, 147); HEX: #1e1e71, RGB: (30, 30, 113)
HEX: #5e65a4, RGB: (94, 101, 164); HEX: #add4c3, RGB: (173, 212, 195); HEX: #2c2c2c, RGB: (44, 44, 44)
Vereinfachte Version der Palettenfarben
Schattierung von Dunkles Schieferblau, Schattierung von Weizen, Aufhellung von Mitternachtsblau, Schattierung von Schieferblau, Schattierung von Blasstürkis, Aufhellung von Schwarz
Farbschema wurde erstellt von colorslib

Farbcodes in der Palette

Saas tool design typography edit component colors Farbcodes HEX, RGB-Informationen in der Tabelle

FarbeHEXRGBNamealternativer Name
#3c3474#3c3474RGB(60, 52, 116)American Blue—
#ebce93#ebce93RGB(235, 206, 147)Gold (Crayola)—
#1e1e71#1e1e71RGB(30, 30, 113)St. Patrick's Blue—
#5e65a4#5e65a4RGB(94, 101, 164)Dark Blue-Gray—
#add4c3#add4c3RGB(173, 212, 195)Jet Stream—
#2c2c2c#2c2c2cRGB(44, 44, 44)Charleston Green—

Farbpalette Kontrast

4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
TextfarbeHintergrundfarbeKontrastverhältnis
#3c3474
#1e1e71
1.3
#3c3474
#2c2c2c
1.28
#ebce93
#add4c3
1.06
#1e1e71
#2c2c2c
1.01

Bildpalette Saas tool design typography edit component colors png