Loading...
Dibuat di 09/12/2022 06:22
  0.11k

Design component ui mobileapp colours

  • Royal Blue
    #395fd6
  • Light Cobalt Blue
    #91a6e8
  • Salem
    #188a4c
  • Slate Gray
    #767988
  • Pastel Gray
    #c9cdc0
  • Dark Slate Gray
    #345450
Loading...
Palet terdiri dari Setengah gelap, Lampu warna. Warna aksen Royal Blue #395fd6 Dan Salem #188a4c. Palet memiliki suhu warna Dingin, Netral.

Menurut kecerahan, palet ini dari #345450 (paling gelap) ke #C9CDC0 (paling terang). Rentang kecerahan sedang.

Saturasi campuran — ada swatch redup dan aksen lebih cerah.

Rona berada di pita tetangga pada roda warna (heuristik).

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #188A4C, #345450, #395FD6, #767988, #91A6E8, #C9CDC0

Palette Design component ui mobileapp colours memiliki kombinasi warna kode 6:
HEX: #395fd6, RGB: (57, 95, 214); HEX: #91a6e8, RGB: (145, 166, 232); HEX: #188a4c, RGB: (24, 138, 76)
HEX: #767988, RGB: (118, 121, 136); HEX: #c9cdc0, RGB: (201, 205, 192); HEX: #345450, RGB: (52, 84, 80)
Versi warna palet yang disederhanakan
Warna dari royalblue, Bayangan dari cornflowerblue, Warna dari seashell, Warna dari slategrey, Warna dari lightgrey, Bayangan dari darkslategrey
Skema warna diciptakan oleh colorswall

Kode warna dalam palet

Design component ui mobileapp colours kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#395fd6 #395fd6 RGB(57, 95, 214)Royal Blue
#91a6e8 #91a6e8 RGB(145, 166, 232)Light Cobalt Blue
#188a4c #188a4c RGB(24, 138, 76)Salem
#767988 #767988 RGB(118, 121, 136)Slate Gray
#c9cdc0 #c9cdc0 RGB(201, 205, 192)Pastel Gray
#345450 #345450 RGB(52, 84, 80)Dark Slate Gray

Kontras Palet Warna

9 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#395fd6
#188a4c
1.26
#395fd6
#767988
1.28
#395fd6
#345450
1.49
#91a6e8
#188a4c
1.84
#91a6e8
#767988
1.81
#91a6e8
#c9cdc0
1.47

Palet gambar Design component ui mobileapp colours png

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