Human-Centric UX Decision Mapping Suite

  • Empathy Blush
    #fdc5c5
  • Persona Sky
    #b8e1ff
  • Choice Graphite
    #2f2f2f
  • Journey Cream
    #fff1e6
  • Feedback Rose
    #ffa69e
  • UI Mist
    #f6f6f6
  1

Human-Centric UX Decision Mapping Suite tem 6 cores, com predomínio de tons vermelhos e azuis. A cor mais clara é UI Mist (#F6F6F6) e a mais escura, Choice Graphite (#2F2F2F). O par com maior contraste é #2F2F2F sobre #F6F6F6 (12.3:1, WCAG AAA).

Criado em 07/11/2025 20:48
A paleta consiste em cores Claro, Escuro. Cores de destaque Persona Sky #b8e1ff e Journey Cream #fff1e6. A paleta tem Quente, Frio, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #2F2F2F (mais escuro) a #F6F6F6 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto) — 67% das cores são vívidas.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o quente (2 de 6).

Códigos HEX (ordenados): #2F2F2F, #B8E1FF, #F6F6F6, #FDC5C5, #FFA69E, #FFF1E6

A paleta Human-Centric UX Decision Mapping Suite combina 6 códigos de cor:
HEX: #fdc5c5, RGB: (253, 197, 197); HEX: #b8e1ff, RGB: (184, 225, 255); HEX: #2f2f2f, RGB: (47, 47, 47)
HEX: #fff1e6, RGB: (255, 241, 230); HEX: #ffa69e, RGB: (255, 166, 158); HEX: #f6f6f6, RGB: (246, 246, 246)
Versão simplificada das cores da paleta
Tom claro de Rosa, Tom claro de Azul-claro, Tom claro de Preto, Tom claro de Linho, Tom escuro de Rosa-claro, Tom claro de Fumaça-branca
O esquema de cores foi criado por colorslib

Códigos de cores na paleta

Human-Centric UX Decision Mapping Suite códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#fdc5c5#fdc5c5RGB(253, 197, 197)Empathy Blush—
#b8e1ff#b8e1ffRGB(184, 225, 255)Persona Sky—
#2f2f2f#2f2f2fRGB(47, 47, 47)Choice Graphite—
#fff1e6#fff1e6RGB(255, 241, 230)Journey Cream—
#ffa69e#ffa69eRGB(255, 166, 158)Feedback Rose—
#f6f6f6#f6f6f6RGB(246, 246, 246)UI Mist—

Contraste da paleta de cores

10 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do textoCor de fundoRazão de contraste
#fdc5c5
#b8e1ff
1.09
#fdc5c5
#fff1e6
1.35
#fdc5c5
#ffa69e
1.24
#fdc5c5
#f6f6f6
1.39
#b8e1ff
#fff1e6
1.24
#b8e1ff
#ffa69e
1.36

Paleta de imagens Human-Centric UX Decision Mapping Suite png