Medium Brown #7F5112
Medium Brown é um marrom médio-escuro e moderadamente saturado, com código hex #7F5112 e RGB rgb(127, 81, 18).
Aa
O texto branco é o que melhor se lê sobre esta cor (6.80:1).
Sobre esta cor
#7F5112 é um marrom médio-escuro e moderadamente saturado. Em OKLCH, a luminosidade é 48%, o croma 0.096 e o matiz 69°. O matiz fica do lado quente do círculo cromático. É a cor com nome Medium Brown. O texto branco é o que melhor se lê sobre esta cor, com 6.80:1.
| Família de matiz | Marrons |
| Luminosidade | médio-escuro (48%) |
| Croma | moderadamente saturado (0.096) |
| Temperatura | quente |
| Nome mais próximo | Medium Brown |
| Texto preto | 3.08:1 |
| Texto branco | 6.80:1 |
Cores que combinam com Medium Brown
Combinações obtidas ao girar Medium Brown 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 Medium Brown
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Medium Brown, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Medium Brown, com a distância ΔE.
- Milk Chocolate #7F4E1E ΔE 0.014
- Mud #735C12 ΔE 0.036
- Saddle Brown #8B4513 ΔE 0.037
- Warm Brown #964E02 ΔE 0.043
- Olive Brown #645403 ΔE 0.052
- Cocoa #875F42 ΔE 0.056
- Dirt Brown #836539 ΔE 0.057
- Greeny Brown #696006 ΔE 0.058
Mais sobre Medium Brown
Como fazer Medium Brown
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 marrom
- 1 parte de laranja
Resultado da receita: #844F27, uma diferença de ΔE 0.022 em relação a Medium Brown. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Medium Brown em todos os formatos
| HEX | #7F5112 |
| RGB | rgb(127, 81, 18) |
| HSL | hsl(35, 75%, 28%) |
| OKLCH | oklch(47.6% 0.096 68.7) |
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 #7F5112 | 6.80:1 | AA | Lc -88.2 | Bom para texto de corpo |
| Texto preto sobre #7F5112 | 3.08:1 | AA texto grande | Lc 20.8 | Apenas divisores e decoração |
| Texto #7F5112 sobre branco | 6.80:1 | AA | Lc 83.2 | Bom para texto de corpo |
| Texto #7F5112 sobre preto | 3.08:1 | AA texto grande | Lc -18.7 | Apenas divisores e decoração |
Tons claros e escuros de Medium Brown
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.
-
Passo 50
50
#F8F5F1
oklch(97.1% 0.006 75.4)
-
Passo 100
100
#F0E8E1
oklch(93.5% 0.013 63.9)
-
Passo 200
200
#E5D6C7
oklch(88.4% 0.026 67.5)
-
Passo 300
300
#D5BCA1
oklch(80.9% 0.047 69.3)
-
Passo 400
400
#BF986E
oklch(70.6% 0.074 68.3)
-
Passo 500
500
#AF7E46
oklch(63% 0.095 68.3)
-
Passo 600
600
#9A6726
oklch(55.6% 0.103 68.9)
-
Passo 700
700 (esta cor)
#7F5112
oklch(47.6% 0.096 68.7)
-
Passo 800
800
#6B4617
oklch(42.7% 0.079 68.7)
-
Passo 900
900
#573B1A
oklch(37.7% 0.062 68.4)
-
Passo 950
950
#332310
oklch(27.1% 0.039 69.6)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Medium Brown 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) | #605405 | 0.059 |
| Deuteranopia (sem cones verdes) | #6B5F14 | 0.051 |
| Tritanopia (sem cones azuis) | #8B4645 | 0.075 |
| Acromatopsia (sem cor) | #5B5B5B | 0.096 |
Use Medium Brown 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.