Orange Brown #BE6400
Orange Brown é um laranja médio-escuro e vívido, com código hex #BE6400 e RGB rgb(190, 100, 0).
Aa
O texto preto é o que melhor se lê sobre esta cor (5.01:1).
Sobre esta cor
#BE6400 é um laranja médio-escuro e vívido. Em OKLCH, a luminosidade é 60%, o croma 0.145 e o matiz 57°. O matiz fica do lado quente do círculo cromático. É a cor com nome Orange Brown. O texto preto é o que melhor se lê sobre esta cor, com 5.01:1.
| Família de matiz | Laranjas |
| Luminosidade | médio-escuro (60%) |
| Croma | vívido (0.145) |
| Temperatura | quente |
| Nome mais próximo | Orange Brown |
| Texto preto | 5.01:1 |
| Texto branco | 4.18:1 |
Cores que combinam com Orange Brown
Combinações obtidas ao girar Orange 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 Orange Brown
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Orange Brown, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Orange Brown, com a distância ΔE.
- Brown Orange #B96902 ΔE 0.014
- Tiger's Eye #BC6C25 ΔE 0.019
- Copper #B66325 ΔE 0.021
- Umber #B26400 ΔE 0.022
- Rust #CA6702 ΔE 0.024
- Orangey Brown #B16002 ΔE 0.027
- Browny Orange #CA6B02 ΔE 0.029
- Rust Orange #C45508 ΔE 0.034
Mais sobre Orange Brown
Como fazer Orange 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
- 1 parte de roxo
Resultado da receita: #BE692E, uma diferença de ΔE 0.021 em relação a Orange Brown. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Orange Brown em todos os formatos
| HEX | #BE6400 |
| RGB | rgb(190, 100, 0) |
| HSL | hsl(32, 100%, 37%) |
| OKLCH | oklch(59.7% 0.145 56.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 #BE6400 | 4.18:1 | AA texto grande | Lc -73.8 | Texto de conteúdo, não para leitura longa |
| Texto preto sobre #BE6400 | 5.01:1 | AA | Lc 35.8 | Elementos que não são texto, texto de placeholder |
| Texto #BE6400 sobre branco | 4.18:1 | AA texto grande | Lc 68.3 | Texto de conteúdo, não para leitura longa |
| Texto #BE6400 sobre preto | 5.01:1 | AA | Lc -33.3 | Elementos que não são texto, texto de placeholder |
Tons claros e escuros de Orange 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
#FBF4EF
oklch(97.1% 0.01 58.2)
-
Passo 100
100
#F5E7DD
oklch(93.6% 0.02 58.1)
-
Passo 200
200
#EED3C1
oklch(88.5% 0.039 55.8)
-
Passo 300
300
#E5B694
oklch(81% 0.071 57.4)
-
Passo 400
400
#D68D56
oklch(70.6% 0.114 56.6)
-
Passo 500
500 (esta cor)
#BE6400
oklch(59.7% 0.145 56.6)
-
Passo 600
600
#AD5A00
oklch(55.6% 0.136 56.3)
-
Passo 700
700
#924B00
oklch(49.1% 0.12 56.3)
-
Passo 800
800
#783D00
oklch(42.7% 0.104 56.7)
-
Passo 900
900
#653200
oklch(37.7% 0.092 56.3)
-
Passo 950
950
#3C1D04
oklch(26.9% 0.06 55.6)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Orange 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) | #7F6F00 | 0.114 |
| Deuteranopia (sem cones verdes) | #958400 | 0.103 |
| Tritanopia (sem cones azuis) | #D14F55 | 0.097 |
| Acromatopsia (sem cor) | #7C7C7C | 0.145 |
Use Orange 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.