Slate Gray #708090
Slate Gray é um azul médio-escuro e apagado, com código hex #708090 e RGB rgb(112, 128, 144).
Aa
O texto preto é o que melhor se lê sobre esta cor (5.17:1).
Sobre esta cor
#708090 é um azul médio-escuro e apagado. Em OKLCH, a luminosidade é 59%, o croma 0.031 e o matiz 248°. O matiz fica do lado frio do círculo cromático. É a cor com nome Slate Gray. O texto preto é o que melhor se lê sobre esta cor, com 5.17:1.
| Família de matiz | Azuis |
| Luminosidade | médio-escuro (59%) |
| Croma | apagado (0.031) |
| Temperatura | frio |
| Nome mais próximo | Slate Gray |
| Texto preto | 5.17:1 |
| Texto branco | 4.05:1 |
Cores que combinam com Slate Gray
Combinações obtidas ao girar Slate Gray pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
Análogo
Matizes vizinhos, 30° para cada lado.
Tríade
Três matizes espaçados em 120°.
Paletas de cores com Slate Gray
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Slate Gray, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Slate Gray, com a distância ΔE.
- Steel Grey #6F828A ΔE 0.013
- Steel #738595 ΔE 0.016
- Grey Blue #647D8E ΔE 0.019
- Battleship Grey #6B7C85 ΔE 0.020
- Light Slate Gray #778899 ΔE 0.027
- Lavender Gray #7E7F9A ΔE 0.027
- Gray #808080 ΔE 0.032
- Medium Grey #7D7F7C ΔE 0.033
Mais sobre Slate Gray
Como fazer Slate 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.
- 3 partes de cinza
- 1 parte de azul
Resultado da receita: #6C838D, uma diferença de ΔE 0.014 em relação a Slate Gray. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Slate Gray em todos os formatos
| HEX | #708090 |
| RGB | rgb(112, 128, 144) |
| HSL | hsl(210, 13%, 50%) |
| OKLCH | oklch(59.3% 0.031 248.3) |
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 #708090 | 4.05:1 | AA texto grande | Lc -73.3 | Texto de conteúdo, não para leitura longa |
| Texto preto sobre #708090 | 5.17:1 | AA | Lc 36.3 | Elementos que não são texto, texto de placeholder |
| Texto #708090 sobre branco | 4.05:1 | AA texto grande | Lc 67.8 | Texto de conteúdo, não para leitura longa |
| Texto #708090 sobre preto | 5.17:1 | AA | Lc -33.9 | Elementos que não são texto, texto de placeholder |
Tons claros e escuros de Slate 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 600.
-
Passo 50
50
#F4F5F7
oklch(97% 0.003 264.5)
-
Passo 100
100
#E8EAEC
oklch(93.6% 0.003 247.9)
-
Passo 200
200
#D5DADE
oklch(88.6% 0.008 241.7)
-
Passo 300
300
#BAC2C9
oklch(81% 0.013 244.3)
-
Passo 400
400
#96A2AE
oklch(70.7% 0.022 248.1)
-
Passo 500
500
#7C8B9A
oklch(63% 0.029 248.3)
-
Passo 600
600 (esta cor)
#708090
oklch(59.3% 0.031 248.3)
-
Passo 700
700
#546271
oklch(49% 0.03 250.2)
-
Passo 800
800
#45505C
oklch(42.6% 0.024 250.7)
-
Passo 900
900
#3A434B
oklch(37.8% 0.018 245.1)
-
Passo 950
950
#22272C
oklch(27% 0.012 248.3)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Slate 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) | #7A8091 | 0.014 |
| Deuteranopia (sem cones verdes) | #767D90 | 0.011 |
| Tritanopia (sem cones azuis) | #678485 | 0.027 |
| Acromatopsia (sem cor) | #7E7E7E | 0.031 |
Use Slate 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.