Charcoal Grey #3C4142
Charcoal Grey é um tom escuro próximo ao cinza neutro, com código hex #3C4142 e RGB rgb(60, 65, 66).
Aa
O texto branco é o que melhor se lê sobre esta cor (10.36:1).
Sobre esta cor
#3C4142 é um tom escuro próximo ao cinza neutro. Em OKLCH, a luminosidade é 37%, o croma 0.007. Tem croma baixo demais para pender para o quente ou para o frio. É a cor com nome Charcoal Grey. O texto branco é o que melhor se lê sobre esta cor, com 10.36:1.
| Família de matiz | Neutros |
| Luminosidade | escuro (37%) |
| Croma | próximo ao cinza neutro (0.007) |
| Temperatura | neutro |
| Nome mais próximo | Charcoal Grey |
| Texto preto | 2.02:1 |
| Texto branco | 10.36:1 |
Cores que combinam com Charcoal Grey
Combinações obtidas ao girar Charcoal Grey pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
Charcoal 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 Charcoal Grey
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Charcoal Grey, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Charcoal Grey, com a distância ΔE.
- Onyx #343A40 ΔE 0.027
- Charcoal #264653 ΔE 0.037
- Dark Slate Gray #2F4F4F ΔE 0.045
- Dark Grey Blue #29465B ΔE 0.045
- Dark Blue Grey #1F3B4D ΔE 0.052
- Dark Teal #014D4E ΔE 0.059
- Gunmetal #293241 ΔE 0.061
- Midnight Green #073B4C ΔE 0.067
Mais sobre Charcoal Grey
Como fazer Charcoal 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.
- 1 parte de preto
- 1 parte de branco
Resultado da receita: #3F3F3F, uma diferença de ΔE 0.008 em relação a Charcoal Grey. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Charcoal Grey em todos os formatos
| HEX | #3C4142 |
| RGB | rgb(60, 65, 66) |
| HSL | hsl(190, 5%, 25%) |
| OKLCH | oklch(37.1% 0.007 211) |
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 #3C4142 | 10.36:1 | AAA | Lc -98.1 | Ideal para texto de corpo |
| Texto preto sobre #3C4142 | 2.02:1 | Não atende | Lc 9.8 | Não legível |
| Texto #3C4142 sobre branco | 10.36:1 | AAA | Lc 94.1 | Ideal para texto de corpo |
| Texto #3C4142 sobre preto | 2.02:1 | Não atende | Lc -8.5 | Não legível |
Tons claros e escuros de Charcoal 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 900.
-
Passo 50
50
#F5F5F6
oklch(97% 0.001 286.4)
-
Passo 100
100
#E9EAEA
oklch(93.6% 0.001 197.1)
-
Passo 200
200
#D7D9DA
oklch(88.4% 0.003 228.8)
-
Passo 300
300
#BDC1C2
oklch(80.8% 0.005 214.3)
-
Passo 400
400
#9BA2A3
oklch(70.7% 0.008 207.1)
-
Passo 500
500
#838B8D
oklch(63.1% 0.01 214.4)
-
Passo 600
600
#6C7577
oklch(55.5% 0.011 212.5)
-
Passo 700
700
#5A6264
oklch(49% 0.01 214.4)
-
Passo 800
800
#4A5052
oklch(42.7% 0.008 219.7)
-
Passo 900
900 (esta cor)
#3C4142
oklch(37.1% 0.007 211)
-
Passo 950
950
#242728
oklch(27% 0.005 219.6)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Charcoal 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ão | Vista como | Mudança (ΔE) |
|---|---|---|
| Protanopia (sem cones vermelhos) | #404142 | 0.007 |
| Deuteranopia (sem cones verdes) | #3F4042 | 0.006 |
| Tritanopia (sem cones azuis) | #3A4241 | 0.005 |
| Acromatopsia (sem cor) | #404040 | 0.007 |
Use Charcoal 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.