Ultramarine UI Beam

  • Primary Blue
    #2563eb
  • Secondary Sky
    #93c5fd
  • Accent Lime
    #d9f99d
  • Background Base
    #f9fafb
  • Surface White
    #ffffff
  • Text Navy
    #1e3a8a
  11
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

CorHEXRGBNomenome alternativo
#2563eb#2563ebRGB(37, 99, 235)Primary Blue—
#93c5fd#93c5fdRGB(147, 197, 253)Secondary Sky—
#d9f99d#d9f99dRGB(217, 249, 157)Accent Lime—
#f9fafb#f9fafbRGB(249, 250, 251)Background Base—
#ffffff#ffffffRGB(255, 255, 255)Surface WhiteWhite
#1e3a8a#1e3a8aRGB(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 textoCor de fundoRazã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