Slate #516572

Slate é um azul médio-escuro e apagado, com código hex #516572 e RGB rgb(81, 101, 114).

Aa

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

Sobre esta cor

#516572 é um azul médio-escuro e apagado. Em OKLCH, a luminosidade é 50%, o croma 0.032 e o matiz 237°. O matiz fica do lado frio do círculo cromático. É a cor com nome Slate. O texto branco é o que melhor se lê sobre esta cor, com 6.07:1.

Família de matizAzuis
Luminosidademédio-escuro (50%)
Cromaapagado (0.032)
Temperaturafrio
Nome mais próximoSlate
Texto preto3.45:1
Texto branco6.07:1

Cores que combinam com Slate

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

Complementar

O matiz oposto (180°).

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 Slate

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

Cores com nome parecidas

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

Mais sobre Slate

Como fazer Slate

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 azul
  • 2 partes de branco
  • 1 parte de preto

Resultado da receita: #51676F, uma diferença de ΔE 0.008 em relação a Slate. 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 Slate em todos os formatos

HEX#516572
RGBrgb(81, 101, 114)
HSLhsl(204, 17%, 38%)
OKLCHoklch(49.5% 0.032 236.8)

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 #516572 6.07:1 AA Lc -85.5 Bom para texto de corpo
Texto preto sobre #516572 3.45:1 AA texto grande Lc 23.7 Apenas divisores e decoração
Texto #516572 sobre branco 6.07:1 AA Lc 80.4 Bom para texto de corpo
Texto #516572 sobre preto 3.45:1 AA texto grande Lc -21.5 Apenas divisores e decoração

Tons claros e escuros de Slate

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

  1. Passo 50

    50

    #F4F6F7

    oklch(97.2% 0.003 228.8)

  2. Passo 100

    100

    #E7EAEC

    oklch(93.5% 0.004 236.5)

  3. Passo 200

    200

    #D4DADE

    oklch(88.5% 0.009 236.6)

  4. Passo 300

    300

    #B8C2C9

    oklch(80.8% 0.015 238.1)

  5. Passo 400

    400

    #93A3AE

    oklch(70.6% 0.024 237.8)

  6. Passo 500

    500

    #788D9A

    oklch(63.1% 0.031 235.2)

  7. Passo 600

    600

    #617785

    oklch(55.7% 0.034 236.1)

  8. Passo 700

    700 (esta cor)

    #516572

    oklch(49.5% 0.032 236.8)

  9. Passo 800

    800

    #42515C

    oklch(42.6% 0.026 240)

  10. Passo 900

    900

    #37434B

    oklch(37.5% 0.021 237.3)

  11. Passo 950

    950

    #21282C

    oklch(27.2% 0.012 232.9)

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

Slate 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)#5F64730.020
Deuteranopia (sem cones verdes)#5B61720.018
Tritanopia (sem cones azuis)#4768690.024
Acromatopsia (sem cor)#6262620.032

Use Slate 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.