Gray #808080

Gray é um tom médio-escuro próximo ao cinza neutro, com código hex #808080 e RGB rgb(128, 128, 128).

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

Sobre esta cor

#808080 é um tom médio-escuro próximo ao cinza neutro. Em OKLCH, a luminosidade é 60%, o croma 0.000. Tem croma baixo demais para pender para o quente ou para o frio. É a cor com nome Gray. O texto preto é o que melhor se lê sobre esta cor, com 5.31:1.

Família de matiz	Neutros
Luminosidade	médio-escuro (60%)
Croma	próximo ao cinza neutro (0.000)
Temperatura	neutro
Nome mais próximo	Gray
Texto preto	5.31:1
Texto branco	3.94:1

Cores que combinam com Gray

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

Gray é quase neutra, então não tem um matiz para girar. Combina com quase qualquer cor; experimente as paletas abaixo.

Paletas de cores com Gray

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

Cores com nome parecidas

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

Mais sobre Gray

Como fazer Gray

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.

4 partes de cinza
1 parte de verde
1 parte de roxo

Resultado da receita: #7E7F81, uma diferença de ΔE 0.005 em relação a Gray. Fica muito próximo: a maioria das pessoas não verá a diferença.

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

Códigos de Gray em todos os formatos

HEX	#808080
RGB	rgb(128, 128, 128)
HSL	hsl(0, 0%, 50%)
OKLCH	oklch(60% 0 0)

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 #808080	3.94:1	AA texto grande	Lc -72.4	Texto de conteúdo, não para leitura longa
Texto preto sobre #808080	5.31:1	AA	Lc 37.2	Elementos que não são texto, texto de placeholder
Texto #808080 sobre branco	3.94:1	AA texto grande	Lc 66.9	Texto de conteúdo, não para leitura longa
Texto #808080 sobre preto	5.31:1	AA	Lc -34.8	Elementos que não são texto, texto de placeholder

Tons claros e escuros de Gray

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 500.

Passo 50
50

#F5F5F5

oklch(97% 0 0)
Passo 100
100

#EAEAEA

oklch(93.7% 0 0)
Passo 200
200

#D9D9D9

oklch(88.5% 0 0)
Passo 300
300

#C0C0C0

oklch(80.8% 0 0)
Passo 400
400

#A0A0A0

oklch(70.6% 0 0)
Passo 500
500 (esta cor)

#808080

oklch(60% 0 0)
Passo 600
600

#737373

oklch(55.6% 0 0)
Passo 700
700

#616161

oklch(49.3% 0 0)
Passo 800
800

#4F4F4F

oklch(42.8% 0 0)
Passo 900
900

#414141

oklch(37.5% 0 0)
Passo 950
950

#262626

oklch(26.9% 0 0)

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

Gray 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)	#808080	0.000
Deuteranopia (sem cones verdes)	#808080	0.000
Tritanopia (sem cones azuis)	#808080	0.000
Acromatopsia (sem cor)	#808080	0.000

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