Medium Grey #7D7F7C

Medium Grey é um tom médio-escuro próximo ao cinza neutro, com código hex #7D7F7C e RGB rgb(125, 127, 124).

Aa

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

Sobre esta cor

#7D7F7C é um tom médio-escuro próximo ao cinza neutro. Em OKLCH, a luminosidade é 59%, o croma 0.005. Tem croma baixo demais para pender para o quente ou para o frio. É a cor com nome Medium Grey. O texto preto é o que melhor se lê sobre esta cor, com 5.19:1.

Família de matizNeutros
Luminosidademédio-escuro (59%)
Cromapróximo ao cinza neutro (0.005)
Temperaturaneutro
Nome mais próximoMedium Grey
Texto preto5.19:1
Texto branco4.03:1

Cores que combinam com Medium Grey

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

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

Paletas de cores com Medium Grey

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

Cores com nome parecidas

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

Mais sobre Medium Grey

Como fazer Medium Grey

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.008 em relação a Medium Grey. 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 Medium Grey em todos os formatos

HEX#7D7F7C
RGBrgb(125, 127, 124)
HSLhsl(100, 1%, 49%)
OKLCHoklch(59.4% 0.005 134.9)

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çãoWCAG 2ResultadoAPCAOrientação APCA
Texto branco sobre #7D7F7C 4.03:1 AA texto grande Lc -73.2 Texto de conteúdo, não para leitura longa
Texto preto sobre #7D7F7C 5.19:1 AA Lc 36.4 Elementos que não são texto, texto de placeholder
Texto #7D7F7C sobre branco 4.03:1 AA texto grande Lc 67.7 Texto de conteúdo, não para leitura longa
Texto #7D7F7C sobre preto 5.19:1 AA Lc -34.0 Elementos que não são texto, texto de placeholder

Tons claros e escuros de Medium Grey

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.

  1. Passo 50

    50

    #F5F5F5

    oklch(97% 0 0)

  2. Passo 100

    100

    #E9EAE9

    oklch(93.6% 0.002 145.6)

  3. Passo 200

    200

    #D9D9D8

    oklch(88.5% 0.001 106.4)

  4. Passo 300

    300

    #C0C1BF

    oklch(81% 0.003 128.5)

  5. Passo 400

    400

    #9FA19F

    oklch(70.7% 0.004 145.5)

  6. Passo 500

    500 (esta cor)

    #7D7F7C

    oklch(59.4% 0.005 134.9)

  7. Passo 600

    600

    #727471

    oklch(55.6% 0.005 134.9)

  8. Passo 700

    700

    #5F615E

    oklch(49% 0.005 134.9)

  9. Passo 800

    800

    #4E4F4D

    oklch(42.6% 0.003 128.6)

  10. Passo 900

    900

    #414240

    oklch(37.7% 0.004 128.6)

  11. Passo 950

    950

    #262726

    oklch(27.1% 0.002 145.5)

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

Medium Grey 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ãoVista comoMudança (ΔE)
Protanopia (sem cones vermelhos)#7F7E7C0.004
Deuteranopia (sem cones verdes)#7F7E7C0.004
Tritanopia (sem cones azuis)#7D7F7E0.003
Acromatopsia (sem cor)#7E7E7E0.005

Use Medium Grey 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.