French Gray #ADB5BD
French Gray é um tom médio-claro próximo ao cinza neutro, com código hex #ADB5BD e RGB rgb(173, 181, 189).
Aa
O texto preto é o que melhor se lê sobre esta cor (10.12:1).
Sobre esta cor
#ADB5BD é um tom médio-claro próximo ao cinza neutro. Em OKLCH, a luminosidade é 77%, o croma 0.015. Tem croma baixo demais para pender para o quente ou para o frio. É a cor com nome French Gray. O texto preto é o que melhor se lê sobre esta cor, com 10.12:1.
| Família de matiz | Neutros |
| Luminosidade | médio-claro (77%) |
| Croma | próximo ao cinza neutro (0.015) |
| Temperatura | neutro |
| Nome mais próximo | French Gray |
| Texto preto | 10.12:1 |
| Texto branco | 2.07:1 |
Cores que combinam com French Gray
Combinações obtidas ao girar French Gray pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
French 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 French Gray
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de French Gray, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de French Gray, com a distância ΔE.
- Light Grey Blue #9DBCD4 ΔE 0.035
- Dark Gray #A9A9A9 ΔE 0.037
- Silver #C0C0C0 ΔE 0.041
- Cloudy Blue #ACC2D9 ΔE 0.044
- Pinkish Grey #C8ACA9 ΔE 0.045
- Light Cornflower Blue #98C1D9 ΔE 0.046
- Cool Steel #97A7B3 ΔE 0.051
- Light Steel Blue #B0C4DE ΔE 0.053
Mais sobre French Gray
Como fazer French 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 branco
- 3 partes de cinza
- 1 parte de azul
Resultado da receita: #A6B9BF, uma diferença de ΔE 0.012 em relação a French Gray. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de French Gray em todos os formatos
| HEX | #ADB5BD |
| RGB | rgb(173, 181, 189) |
| HSL | hsl(210, 11%, 71%) |
| OKLCH | oklch(76.9% 0.015 248) |
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 #ADB5BD | 2.07:1 | Não atende | Lc -45.1 | Texto grande ou em negrito, títulos |
| Texto preto sobre #ADB5BD | 10.12:1 | AAA | Lc 63.4 | Texto de conteúdo, não para leitura longa |
| Texto #ADB5BD sobre branco | 2.07:1 | Não atende | Lc 40.5 | Elementos que não são texto, texto de placeholder |
| Texto #ADB5BD sobre preto | 10.12:1 | AAA | Lc -61.7 | Texto de conteúdo, não para leitura longa |
Tons claros e escuros de French 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 300.
-
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 (esta cor)
#ADB5BD
oklch(76.9% 0.015 248)
-
Passo 400
400
#96A2AF
oklch(70.7% 0.023 250.3)
-
Passo 500
500
#7C8B9B
oklch(63% 0.03 250)
-
Passo 600
600
#657586
oklch(55.5% 0.033 250)
-
Passo 700
700
#546371
oklch(49.2% 0.029 246.6)
-
Passo 800
800
#44505C
oklch(42.5% 0.025 248.4)
-
Passo 900
900
#3A434C
oklch(37.8% 0.019 248.3)
-
Passo 950
950
#22272C
oklch(27% 0.012 248.3)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
French 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) | #B2B5BD | 0.007 |
| Deuteranopia (sem cones verdes) | #B0B3BD | 0.006 |
| Tritanopia (sem cones azuis) | #A9B7B7 | 0.013 |
| Acromatopsia (sem cor) | #B4B4B4 | 0.015 |
Use French 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.