Ui design landing page architecture blog colors palette

  • Steel Blue
    #368cb4
  • Cornflower
    #97d2dc
  • Café Noir
    #4c2c1c
  • Steel Teal
    #598094
  • Dark Sky Blue
    #98bccc
  • Royal Brown
    #53392b
  69
Dibuat pada 03/07/2023 13:59
Palet terdiri dari Terang, Gelap, Setengah gelap warna. Warna aksen Steel Blue #368cb4 dan Café Noir #4c2c1c. Palet memiliki suhu warna Dingin, Hangat.

Menurut kecerahan, palet ini dari #4C2C1C (paling gelap) ke #97D2DC (paling terang). Rentang kecerahan sedang.

Saturasi campuran — 1 redup dan 1 cerah dari 6 warna.

Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.

Secara keseluruhan suhu warna condong ke dingin (4 dari 6).

Kode HEX (diurutkan): #368CB4, #4C2C1C, #53392B, #598094, #97D2DC, #98BCCC

Palet Ui design landing page architecture blog colors palette menggabungkan 6 kode warna:
HEX: #368cb4, RGB: (54, 140, 180); HEX: #97d2dc, RGB: (151, 210, 220); HEX: #4c2c1c, RGB: (76, 44, 28)
HEX: #598094, RGB: (89, 128, 148); HEX: #98bccc, RGB: (152, 188, 204); HEX: #53392b, RGB: (83, 57, 43)
Versi warna palet yang disederhanakan
Nuansa terang dari Biru baja, Nuansa gelap dari Biru bedak, Nuansa terang dari Merah tua, Nuansa gelap dari Abu-abu batu, Nuansa gelap dari Biru langit, Nuansa gelap dari Cokelat pelana
Skema warna diciptakan oleh raccoon

Kode warna dalam palet

Ui design landing page architecture blog colors palette kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#368cb4 #368cb4 RGB(54, 140, 180)Steel Blue—
#97d2dc #97d2dc RGB(151, 210, 220)Cornflower—
#4c2c1c #4c2c1c RGB(76, 44, 28)Café Noir—
#598094 #598094 RGB(89, 128, 148)Steel Teal—
#98bccc #98bccc RGB(152, 188, 204)Dark Sky Blue—
#53392b #53392b RGB(83, 57, 43)Royal Brown—

Kontras Palet Warna

4 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#368cb4
#598094
1.12
#368cb4
#98bccc
1.86
#97d2dc
#98bccc
1.2
#4c2c1c
#53392b
1.18

Palet gambar Ui design landing page architecture blog colors palette png