Ultramarine UI Beam
- Primary Blue#2563eb
- Secondary Sky#93c5fd
- Accent Lime#d9f99d
- Background Base#f9fafb
- Surface White#ffffff
- Text Navy#1e3a8a
Criado em 05/28/2025 06:02
A paleta consiste em cores Semi escuro, Claro. Cores de destaque Secondary Sky #93c5fd e Accent Lime #d9f99d. A paleta tem Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1E3A8A (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
Uma paleta variada: seus tons se espalham por cerca de 144° do círculo cromático.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #1E3A8A, #2563EB, #93C5FD, #D9F99D, #F9FAFB, #FFFFFF
A paleta Ultramarine UI Beam combina 6 códigos de cor:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #93c5fd, RGB: (147, 197, 253); HEX: #d9f99d, RGB: (217, 249, 157)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1e3a8a, RGB: (30, 58, 138)
Versão simplificada das cores da paleta
Tom escuro de Azul-royal, Tom escuro de Azul-céu-claro, Tom claro de Verde-pálido, Tom claro de Fumaça-branca, Branco, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Ultramarine UI Beam códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #2563eb | #2563eb | RGB(37, 99, 235) | Primary Blue | — |
| #93c5fd | #93c5fd | RGB(147, 197, 253) | Secondary Sky | — |
| #d9f99d | #d9f99d | RGB(217, 249, 157) | Accent Lime | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Background Base | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Text Navy | — |
Contraste da paleta de cores
6 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#93c5fd | #d9f99d | 1.54 |
#93c5fd | #f9fafb | 1.72 |
#93c5fd | #ffffff | 1.8 |
#d9f99d | #f9fafb | 1.11 |
#d9f99d | #ffffff | 1.16 |
#f9fafb | #ffffff | 1.04 |
Paleta de imagens Ultramarine UI Beam png
Exportar paleta
Baixe a "Ultramarine UI Beam" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis:
