Mustard Brown #AC7E04
Mustard Brown é um laranja médio-claro e moderadamente saturado, com código hex #AC7E04 e RGB rgb(172, 126, 4).
Aa
O texto preto é o que melhor se lê sobre esta cor (5.74:1).
Sobre esta cor
#AC7E04 é um laranja médio-claro e moderadamente saturado. Em OKLCH, a luminosidade é 62%, o croma 0.127 e o matiz 83°. O matiz fica do lado quente do círculo cromático. É a cor com nome Mustard Brown. O texto preto é o que melhor se lê sobre esta cor, com 5.74:1.
| Família de matiz | Laranjas |
| Luminosidade | médio-claro (62%) |
| Croma | moderadamente saturado (0.127) |
| Temperatura | quente |
| Nome mais próximo | Mustard Brown |
| Texto preto | 5.74:1 |
| Texto branco | 3.65:1 |
Cores que combinam com Mustard Brown
Combinações obtidas ao girar Mustard 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 Mustard Brown
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Mustard Brown, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Mustard Brown, com a distância ΔE.
- Golden Brown #B27A01 ΔE 0.014
- Bronze #A87900 ΔE 0.015
- Dark Mustard #A88905 ΔE 0.029
- Dark Goldenrod #B8860B ΔE 0.030
- Yellowy Brown #AE8B0C ΔE 0.034
- Caramel #AF6F09 ΔE 0.039
- Leather #AC7434 ΔE 0.042
- Coffee #A6814C ΔE 0.046
Mais sobre Mustard Brown
Como fazer Mustard 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 laranja
- 1 parte de verde
Resultado da receita: #A78127, uma diferença de ΔE 0.014 em relação a Mustard Brown. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Mustard Brown em todos os formatos
| HEX | #AC7E04 |
| RGB | rgb(172, 126, 4) |
| HSL | hsl(44, 95%, 35%) |
| OKLCH | oklch(62.2% 0.127 82.6) |
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 #AC7E04 | 3.65:1 | AA texto grande | Lc -69.4 | Texto de conteúdo, não para leitura longa |
| Texto preto sobre #AC7E04 | 5.74:1 | AA | Lc 40.2 | Elementos que não são texto, texto de placeholder |
| Texto #AC7E04 sobre branco | 3.65:1 | AA texto grande | Lc 63.9 | Texto de conteúdo, não para leitura longa |
| Texto #AC7E04 sobre preto | 5.74:1 | AA | Lc -37.8 | Elementos que não são texto, texto de placeholder |
Tons claros e escuros de Mustard 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 500.
-
Passo 50
50
#F8F5EF
oklch(97.1% 0.009 84.6)
-
Passo 100
100
#F0E9DD
oklch(93.6% 0.018 81.3)
-
Passo 200
200
#E4D8C0
oklch(88.6% 0.035 84.6)
-
Passo 300
300
#D5BD93
oklch(80.8% 0.062 81.5)
-
Passo 400
400
#BF9B54
oklch(70.8% 0.099 82.9)
-
Passo 500
500 (esta cor)
#AC7E04
oklch(62.2% 0.127 82.6)
-
Passo 600
600
#946C00
oklch(55.7% 0.115 82.9)
-
Passo 700
700
#7D5A00
oklch(49.1% 0.101 82.2)
-
Passo 800
800
#664900
oklch(42.6% 0.088 82.4)
-
Passo 900
900
#563D00
oklch(37.8% 0.078 82.4)
-
Passo 950
950
#332403
oklch(27.1% 0.052 83.2)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Mustard 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) | #917F00 | 0.046 |
| Deuteranopia (sem cones verdes) | #9C8A10 | 0.039 |
| Tritanopia (sem cones azuis) | #BC706B | 0.113 |
| Acromatopsia (sem cor) | #868686 | 0.127 |
Use Mustard 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.