AI UX Cognitive Journey Map

Cognitive Teal
#00a896
Journey Coral
#ff6f61
Persona Peach
#f7b267
Scenario Indigo
#3c096c
Flowchart Cyan
#4ecdc4
Accessibility Gray
#e0e0e0
Outcome Black
#111111

Palet terdiri dari Lampu, Gelap warna. Warna aksen Cognitive Teal #00a896 Dan Journey Coral #ff6f61. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #111111 (paling gelap) ke #E0E0E0 (paling terang). Rentang kecerahan lebar.

Saturasi keseluruhan terasa hidup (chroma tinggi).

Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #00A896, #111111, #3C096C, #4ECDC4, #E0E0E0, #F7B267, #FF6F61

Palette AI UX Cognitive Journey Map memiliki kombinasi warna kode 7:

HEX: #00a896, RGB: (0, 168, 150); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #f7b267, RGB: (247, 178, 103)

HEX: #3c096c, RGB: (60, 9, 108); HEX: #4ecdc4, RGB: (78, 205, 196); HEX: #e0e0e0, RGB: (224, 224, 224)

HEX: #111111, RGB: (17, 17, 17)

Versi warna palet yang disederhanakan

Warna dari lightseagreen, Warna dari salmon, Bayangan dari sandybrown, Warna dari indigo, Warna dari mediumturquoise, Bayangan dari gainsboro, Bayangan dari Hitam

Skema warna diciptakan oleh colorslib

Lebih banyak palet dengan:

Kode warna dalam palet

AI UX Cognitive Journey Map kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#00a896	#00a896	RGB(0, 168, 150)	Cognitive Teal	—
#ff6f61	#ff6f61	RGB(255, 111, 97)	Journey Coral	Living Coral
#f7b267	#f7b267	RGB(247, 178, 103)	Persona Peach	—
#3c096c	#3c096c	RGB(60, 9, 108)	Scenario Indigo	—
#4ecdc4	#4ecdc4	RGB(78, 205, 196)	Flowchart Cyan	—
#e0e0e0	#e0e0e0	RGB(224, 224, 224)	Accessibility Gray	Gray88
#111111	#111111	RGB(17, 17, 17)	Outcome Black	Dreamless Sleep

Kontras Palet Warna

9 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.

Warna teks	Warna latar belakang	Rasio Kontras
#00a896	#ff6f61	1.09
#00a896	#f7b267	1.63
#00a896	#4ecdc4	1.54
#ff6f61	#f7b267	1.49
#ff6f61	#4ecdc4	1.4
#f7b267	#4ecdc4	1.06

Palet gambar AI UX Cognitive Journey Map png

--color-cognitive-teal:	#00a896;
--color-journey-coral:	#ff6f61;
--color-persona-peach:	#f7b267;
--color-scenario-indigo:	#3c096c;
--color-flowchart-cyan:	#4ecdc4;
--color-accessibility-gray:	#e0e0e0;
--color-outcome-black:	#111111;

$color-cognitive-teal:	#00a896;
$color-journey-coral:	#ff6f61;
$color-persona-peach:	#f7b267;
$color-scenario-indigo:	#3c096c;
$color-flowchart-cyan:	#4ecdc4;
$color-accessibility-gray:	#e0e0e0;
$color-outcome-black:	#111111;

@color-cognitive-teal:	#00a896;
@color-journey-coral:	#ff6f61;
@color-persona-peach:	#f7b267;
@color-scenario-indigo:	#3c096c;
@color-flowchart-cyan:	#4ecdc4;
@color-accessibility-gray:	#e0e0e0;
@color-outcome-black:	#111111;