Lightblue #7BC8F6

Lightblue é um azul claro e moderadamente saturado, com código hex #7BC8F6 e RGB rgb(123, 200, 246).

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

Sobre esta cor

#7BC8F6 é um azul claro e moderadamente saturado. Em OKLCH, a luminosidade é 80%, o croma 0.100 e o matiz 236°. O matiz fica do lado frio do círculo cromático. É a cor com nome Lightblue. O texto preto é o que melhor se lê sobre esta cor, com 11.43:1.

Família de matiz	Azuis
Luminosidade	claro (80%)
Croma	moderadamente saturado (0.100)
Temperatura	frio
Nome mais próximo	Lightblue
Texto preto	11.43:1
Texto branco	1.83:1

Cores que combinam com Lightblue

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

Complementar

O matiz oposto (180°).

Peach #F0AD7D

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 Lightblue

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

Cores com nome parecidas

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

Mais sobre Lightblue

Como fazer Lightblue

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.024 em relação a Lightblue. Fica muito próximo: a maioria das pessoas não verá a diferença.

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

Códigos de Lightblue em todos os formatos

HEX	#7BC8F6
RGB	rgb(123, 200, 246)
HSL	hsl(202, 87%, 72%)
OKLCH	oklch(80% 0.1 236.1)

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 #7BC8F6	1.83:1	Não atende	Lc -38.4	Elementos que não são texto, texto de placeholder
Texto preto sobre #7BC8F6	11.43:1	AAA	Lc 69.6	Texto de conteúdo, não para leitura longa
Texto #7BC8F6 sobre branco	1.83:1	Não atende	Lc 34.3	Elementos que não são texto, texto de placeholder
Texto #7BC8F6 sobre preto	11.43:1	AAA	Lc -68.3	Texto de conteúdo, não para leitura longa

Tons claros e escuros de Lightblue

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

#EDF7FD

oklch(97% 0.013 233.7)
Passo 100
100

#D8EDFB

oklch(93.5% 0.029 236.9)
Passo 200
200

#B7E0FA

oklch(88.6% 0.056 236.1)
Passo 300
300 (esta cor)

#7BC8F6

oklch(80% 0.1 236.1)
Passo 400
400

#00ADF2

oklch(70.7% 0.152 236.1)
Passo 500
500

#0094D0

oklch(63.1% 0.136 236.2)
Passo 600
600

#007CB0

oklch(55.5% 0.121 236.7)
Passo 700
700

#006994

oklch(49.2% 0.105 235.5)
Passo 800
800

#00567A

oklch(42.8% 0.091 235.4)
Passo 900
900

#004767

oklch(37.7% 0.082 236.6)
Passo 950
950

#002A3F

oklch(27% 0.059 236.5)

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

Lightblue 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)	#B3C7F8	0.062
Deuteranopia (sem cones verdes)	#A2B9F5	0.054
Tritanopia (sem cones azuis)	#38D4D7	0.079
Acromatopsia (sem cor)	#BFBFBF	0.101

Use Lightblue 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