Muddy Brown #886806
Muddy Brown é um marrom médio-escuro e moderadamente saturado, com código hex #886806 e RGB rgb(136, 104, 6).
Aa
O texto branco é o que melhor se lê sobre esta cor (5.21:1).
Sobre esta cor
#886806 é um marrom médio-escuro e moderadamente saturado. Em OKLCH, a luminosidade é 53%, o croma 0.108 e o matiz 87°. O matiz fica do lado quente do círculo cromático. É a cor com nome Muddy Brown. O texto branco é o que melhor se lê sobre esta cor, com 5.21:1.
| Família de matiz | Marrons |
| Luminosidade | médio-escuro (53%) |
| Croma | moderadamente saturado (0.108) |
| Temperatura | quente |
| Nome mais próximo | Muddy Brown |
| Texto preto | 4.02:1 |
| Texto branco | 5.21:1 |
Cores que combinam com Muddy Brown
Combinações obtidas ao girar Muddy 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 Muddy Brown
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Muddy Brown, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Muddy Brown, com a distância ΔE.
- Raw Sienna #9A6200 ΔE 0.034
- Hazel #8E7618 ΔE 0.040
- Brown Green #706C11 ΔE 0.040
- Dirt Brown #836539 ΔE 0.040
- Browny Green #6F6C0A ΔE 0.043
- Dirt #8A6E45 ΔE 0.048
- Sepia #985E2B ΔE 0.050
- Mud #735C12 ΔE 0.053
Mais sobre Muddy Brown
Como fazer Muddy 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.
- 2 partes de laranja
- 2 partes de marrom
- 1 parte de verde
Resultado da receita: #85682A, uma diferença de ΔE 0.021 em relação a Muddy Brown. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Muddy Brown em todos os formatos
| HEX | #886806 |
| RGB | rgb(136, 104, 6) |
| HSL | hsl(45, 92%, 28%) |
| OKLCH | oklch(53.5% 0.108 86.9) |
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 #886806 | 5.21:1 | AA | Lc -81.0 | Bom para texto de corpo |
| Texto preto sobre #886806 | 4.02:1 | AA texto grande | Lc 28.4 | Apenas divisores e decoração |
| Texto #886806 sobre branco | 5.21:1 | AA | Lc 75.6 | Bom para texto de corpo |
| Texto #886806 sobre preto | 4.02:1 | AA texto grande | Lc -26.1 | Apenas divisores e decoração |
Tons claros e escuros de Muddy 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 600.
-
Passo 50
50
#F7F5F1
oklch(97.1% 0.006 84.6)
-
Passo 100
100
#EEE9E0
oklch(93.5% 0.013 82.4)
-
Passo 200
200
#E1D8C6
oklch(88.5% 0.026 84.6)
-
Passo 300
300
#CEBF9E
oklch(80.9% 0.048 86.4)
-
Passo 400
400
#B59E67
oklch(70.7% 0.078 87.7)
-
Passo 500
500
#A3853C
oklch(63% 0.099 86.9)
-
Passo 600
600 (esta cor)
#886806
oklch(53.5% 0.108 86.9)
-
Passo 700
700
#795C01
oklch(49.1% 0.1 87.1)
-
Passo 800
800
#634B0A
oklch(42.7% 0.083 86)
-
Passo 900
900
#503F13
oklch(37.7% 0.064 87.4)
-
Passo 950
950
#2F250D
oklch(27% 0.041 86.8)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Muddy 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) | #776800 | 0.030 |
| Deuteranopia (sem cones verdes) | #7E700F | 0.026 |
| Tritanopia (sem cones azuis) | #945D58 | 0.097 |
| Acromatopsia (sem cor) | #6D6D6D | 0.108 |
Use Muddy 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.