Chocolate #D2691E
Chocolate é um laranja médio-claro e vívido, com código hex #D2691E e RGB rgb(210, 105, 30).
Aa
O texto preto é o que melhor se lê sobre esta cor (5.77:1).
Sobre esta cor
#D2691E é um laranja médio-claro e vívido. Em OKLCH, a luminosidade é 63%, o croma 0.155 e o matiz 50°. O matiz fica do lado quente do círculo cromático. É a cor com nome Chocolate. O texto preto é o que melhor se lê sobre esta cor, com 5.77:1.
| Família de matiz | Laranjas |
| Luminosidade | médio-claro (63%) |
| Croma | vívido (0.155) |
| Temperatura | quente |
| Nome mais próximo | Chocolate |
| Texto preto | 5.77:1 |
| Texto branco | 3.63:1 |
Cores que combinam com Chocolate
Combinações obtidas ao girar Chocolate 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 Chocolate
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Chocolate, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Chocolate, com a distância ΔE.
- Rust #CA6702 ΔE 0.019
- Browny Orange #CA6B02 ΔE 0.020
- Terracota #CB6843 ΔE 0.032
- Terra Cotta #C9643B ΔE 0.032
- Terracotta #CA6641 ΔE 0.033
- Rusty Orange #CD5909 ΔE 0.036
- Tiger's Eye #BC6C25 ΔE 0.039
- Orange Brown #BE6400 ΔE 0.042
Mais sobre Chocolate
Como fazer Chocolate
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 vermelho
- 1 parte de roxo
Resultado da receita: #D26629, uma diferença de ΔE 0.011 em relação a Chocolate. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Chocolate em todos os formatos
| HEX | #D2691E |
| RGB | rgb(210, 105, 30) |
| HSL | hsl(25, 75%, 47%) |
| OKLCH | oklch(63.4% 0.155 50.3) |
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 #D2691E | 3.63:1 | AA texto grande | Lc -68.8 | Texto de conteúdo, não para leitura longa |
| Texto preto sobre #D2691E | 5.77:1 | AA | Lc 40.7 | Elementos que não são texto, texto de placeholder |
| Texto #D2691E sobre branco | 3.63:1 | AA texto grande | Lc 63.3 | Texto de conteúdo, não para leitura longa |
| Texto #D2691E sobre preto | 5.77:1 | AA | Lc -38.3 | Elementos que não são texto, texto de placeholder |
Tons claros e escuros de Chocolate
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
#F7E6DD
oklch(93.6% 0.022 49.9)
-
Passo 200
200
#F1D2C1
oklch(88.5% 0.042 50.6)
-
Passo 300
300
#E9B395
oklch(80.9% 0.075 50.3)
-
Passo 400
400
#DC8958
oklch(70.7% 0.12 50.4)
-
Passo 500
500 (esta cor)
#D2691E
oklch(63.4% 0.155 50.3)
-
Passo 600
600
#B45400
oklch(55.7% 0.146 50.5)
-
Passo 700
700
#984600
oklch(49.2% 0.129 50.6)
-
Passo 800
800
#7E3800
oklch(42.8% 0.113 50)
-
Passo 900
900
#692E00
oklch(37.6% 0.099 50.4)
-
Passo 950
950
#3E1B05
oklch(26.9% 0.064 49.5)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Chocolate 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) | #87780E | 0.136 |
| Deuteranopia (sem cones verdes) | #A18F1B | 0.121 |
| Tritanopia (sem cones azuis) | #E7515B | 0.093 |
| Acromatopsia (sem cor) | #868686 | 0.156 |
Use Chocolate 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.