Pastel Blue #A2BFFE

Pastel Blue é um azul claro e moderadamente saturado, com código hex #A2BFFE e RGB rgb(162, 191, 254).

O texto preto é o que melhor se lê sobre esta cor (11.41:1).

Sobre esta cor

#A2BFFE é um azul claro e moderadamente saturado. Em OKLCH, a luminosidade é 81%, o croma 0.095 e o matiz 265°. O matiz fica do lado frio do círculo cromático. É a cor com nome Pastel Blue. O texto preto é o que melhor se lê sobre esta cor, com 11.41:1.

Família de matiz	Azuis
Luminosidade	claro (81%)
Croma	moderadamente saturado (0.095)
Temperatura	frio
Nome mais próximo	Pastel Blue
Texto preto	11.41:1
Texto branco	1.83:1

Cores que combinam com Pastel Blue

Combinações obtidas ao girar Pastel Blue pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.

Complementar

O matiz oposto (180°).

Burlywood #DCBB76

Abra a paleta complementar no gerador

Análogo

Matizes vizinhos, 30° para cada lado.

Abra a paleta análoga no gerador

Tríade

Três matizes espaçados em 120°.

Abra a paleta em tríade no gerador

Paletas de cores com Pastel Blue

Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Pastel Blue, da mais próxima à mais distante.

Cores com nome parecidas

As oito cores com nome mais próximas de Pastel Blue, com a distância ΔE.

Mais sobre Pastel Blue

Como fazer Pastel Blue

Uma receita inicial com cores de tinta comuns, calculada com um modelo espectral de tinta (o modo tinta do misturador). Pigmentos reais variam: misture primeiro um pequeno teste e ajuste.

2 partes de branco
1 parte de azul

Resultado da receita: #92C6F0, uma diferença de ΔE 0.036 em relação a Pastel Blue. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.

Que cores formam o azul? | Tabela de mistura de cores

Códigos de Pastel Blue em todos os formatos

HEX	#A2BFFE
RGB	rgb(162, 191, 254)
HSL	hsl(221, 98%, 82%)
OKLCH	oklch(80.6% 0.095 265.2)

Contraste

As razões de contraste do WCAG 2 são a meta de conformidade: o AA exige 4.5:1 para texto de corpo e 3:1 para texto grande; o AAA exige 7:1. Os valores Lc do APCA são uma orientação complementar dos rascunhos do WCAG 3.

Combinação	WCAG 2	Resultado	APCA	Orientação APCA
Texto branco sobre #A2BFFE	1.83:1	Não atende	Lc -38.6	Elementos que não são texto, texto de placeholder
Texto preto sobre #A2BFFE	11.41:1	AAA	Lc 69.4	Texto de conteúdo, não para leitura longa
Texto #A2BFFE sobre branco	1.83:1	Não atende	Lc 34.5	Elementos que não são texto, texto de placeholder
Texto #A2BFFE sobre preto	11.41:1	AAA	Lc -68.1	Texto de conteúdo, não para leitura longa

Tons claros e escuros de Pastel Blue

Uma escala de 50 a 950 criada em OKLCH: o matiz é mantido, a luminosidade segue uma curva parecida com a do Tailwind v4 e cada passo fica dentro da gama sRGB. Esta cor está no passo 300.

Passo 50
50

#F1F6FE

oklch(97.2% 0.012 259.8)
Passo 100
100

#E1EAFD

oklch(93.6% 0.028 265.4)
Passo 200
200

#C8D9FD

oklch(88.4% 0.053 265.3)
Passo 300
300 (esta cor)

#A2BFFE

oklch(80.6% 0.095 265.2)
Passo 400
400

#729CFF

oklch(70.6% 0.153 265.4)
Passo 500
500

#4F80FD

oklch(63.1% 0.194 265.2)
Passo 600
600

#3565ED

oklch(55.7% 0.212 265.2)
Passo 700
700

#2852CE

oklch(49% 0.197 265.2)
Passo 800
800

#2244A6

oklch(42.6% 0.163 265.3)
Passo 900
900

#203B84

oklch(37.7% 0.127 265.4)
Passo 950
950

#13234D

oklch(26.9% 0.08 265.6)

Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind

Pastel Blue com daltonismo

Simulado com o modelo de Machado et al. (2009). ΔE é o quanto a cor se desloca: abaixo de cerca de 0.02 você não notaria a mudança.

Visão	Vista como	Mudança (ΔE)
Protanopia (sem cones vermelhos)	#AAC4FF	0.017
Deuteranopia (sem cones verdes)	#A1BBFD	0.011
Tritanopia (sem cones azuis)	#85CCD5	0.085
Acromatopsia (sem cor)	#BFBFBF	0.095

Use Pastel Blue no seu produto

Transforme em papéis de interface claros e escuros com o contraste verificado e exporte para Tailwind v4, shadcn/ui, CSS ou design tokens.

Crie um sistema com esta cor Gerar uma paleta