Tan #D2B48C
Tan é um laranja claro e apagado, com código hex #D2B48C e RGB rgb(210, 180, 140).
Aa
O texto preto é o que melhor se lê sobre esta cor (10.64:1).
Sobre esta cor
#D2B48C é um laranja claro e apagado. Em OKLCH, a luminosidade é 79%, o croma 0.064 e o matiz 75°. O matiz fica do lado quente do círculo cromático. É a cor com nome Tan. O texto preto é o que melhor se lê sobre esta cor, com 10.64:1.
| Família de matiz | Laranjas |
| Luminosidade | claro (79%) |
| Croma | apagado (0.064) |
| Temperatura | quente |
| Nome mais próximo | Tan |
| Texto preto | 10.64:1 |
| Texto branco | 1.97:1 |
Cores que combinam com Tan
Combinações obtidas ao girar Tan 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 Tan
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Tan, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Tan, com a distância ΔE.
- Very Light Brown #D3B683 ΔE 0.014
- Fawn #CFAF7B ΔE 0.022
- Burlywood #DEB887 ΔE 0.023
- Toupe #C7AC7D ΔE 0.031
- Sandstone #C9AE74 ΔE 0.034
- Putty #BEAE8A ΔE 0.035
- Desert #CCAD60 ΔE 0.051
- Pinkish Grey #C8ACA9 ΔE 0.053
Mais sobre Tan
Como fazer Tan
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 branco
- 1 parte de amarelo
- 1 parte de roxo
Resultado da receita: #D7B186, uma diferença de ΔE 0.010 em relação a Tan. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Tan em todos os formatos
| HEX | #D2B48C |
| RGB | rgb(210, 180, 140) |
| HSL | hsl(34, 44%, 69%) |
| OKLCH | oklch(78.6% 0.064 74.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 #D2B48C | 1.97:1 | Não atende | Lc -42.4 | Elementos que não são texto, texto de placeholder |
| Texto preto sobre #D2B48C | 10.64:1 | AAA | Lc 65.9 | Texto de conteúdo, não para leitura longa |
| Texto #D2B48C sobre branco | 1.97:1 | Não atende | Lc 38.0 | Elementos que não são texto, texto de placeholder |
| Texto #D2B48C sobre preto | 10.64:1 | AAA | Lc -64.4 | Texto de conteúdo, não para leitura longa |
Tons claros e escuros de Tan
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 300.
-
Passo 50
50
#F9F5EF
oklch(97.2% 0.009 78.3)
-
Passo 100
100
#F1E8DD
oklch(93.5% 0.018 73.1)
-
Passo 200
200
#E7D6C0
oklch(88.4% 0.035 74.4)
-
Passo 300
300 (esta cor)
#D2B48C
oklch(78.6% 0.064 74.6)
-
Passo 400
400
#C69754
oklch(70.7% 0.102 74.6)
-
Passo 500
500
#B77C0C
oklch(63.1% 0.131 74.8)
-
Passo 600
600
#9B6700
oklch(55.5% 0.117 74.4)
-
Passo 700
700
#835600
oklch(49.1% 0.104 74.1)
-
Passo 800
800
#6C4600
oklch(42.7% 0.091 73.9)
-
Passo 900
900
#5A3A00
oklch(37.7% 0.08 74.4)
-
Passo 950
950
#362203
oklch(27.1% 0.054 74)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Tan 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) | #C0B489 | 0.027 |
| Deuteranopia (sem cones verdes) | #C7BB8D | 0.023 |
| Tritanopia (sem cones azuis) | #DEACA9 | 0.054 |
| Acromatopsia (sem cor) | #B9B9B9 | 0.064 |
Use Tan 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.