Camel #C69F59
Camel é um laranja médio-claro e moderadamente saturado, com código hex #C69F59 e RGB rgb(198, 159, 89).
Aa
O texto preto é o que melhor se lê sobre esta cor (8.50:1).
Sobre esta cor
#C69F59 é um laranja médio-claro e moderadamente saturado. Em OKLCH, a luminosidade é 72%, o croma 0.100 e o matiz 81°. O matiz fica do lado quente do círculo cromático. É a cor com nome Camel. O texto preto é o que melhor se lê sobre esta cor, com 8.50:1.
| Família de matiz | Laranjas |
| Luminosidade | médio-claro (72%) |
| Croma | moderadamente saturado (0.100) |
| Temperatura | quente |
| Nome mais próximo | Camel |
| Texto preto | 8.50:1 |
| Texto branco | 2.46:1 |
Cores que combinam com Camel
Combinações obtidas ao girar Camel 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 Camel
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Camel, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Camel, com a distância ΔE.
- Sand Brown #CBA560 ΔE 0.018
- Desert #CCAD60 ΔE 0.038
- Earth Yellow #DDA15E ΔE 0.039
- Sandstone #C9AE74 ΔE 0.042
- Toupe #C7AC7D ΔE 0.045
- Dust #B2996E ΔE 0.045
- Taupe #B9A281 ΔE 0.047
- Yellow Ochre #CB9D06 ΔE 0.048
Mais sobre Camel
Como fazer Camel
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 marrom
- 2 partes de branco
- 1 parte de amarelo
Resultado da receita: #C59A5A, uma diferença de ΔE 0.013 em relação a Camel. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Camel em todos os formatos
| HEX | #C69F59 |
| RGB | rgb(198, 159, 89) |
| HSL | hsl(39, 49%, 56%) |
| OKLCH | oklch(72.4% 0.1 80.7) |
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 #C69F59 | 2.46:1 | Não atende | Lc -53.5 | Texto grande ou em negrito, títulos |
| Texto preto sobre #C69F59 | 8.50:1 | AAA | Lc 55.6 | Texto grande ou em negrito, títulos |
| Texto #C69F59 sobre branco | 2.46:1 | Não atende | Lc 48.4 | Texto grande ou em negrito, títulos |
| Texto #C69F59 sobre preto | 8.50:1 | AAA | Lc -53.5 | Texto grande ou em negrito, títulos |
Tons claros e escuros de Camel
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 400.
-
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
#E5D7C0
oklch(88.4% 0.034 80.3)
-
Passo 300
300
#D6BD93
oklch(80.9% 0.063 80.5)
-
Passo 400
400 (esta cor)
#C69F59
oklch(72.4% 0.1 80.7)
-
Passo 500
500
#B1800D
oklch(63.2% 0.128 80.8)
-
Passo 600
600
#966B00
oklch(55.7% 0.115 80.8)
-
Passo 700
700
#7E5900
oklch(49% 0.101 80.5)
-
Passo 800
800
#684900
oklch(42.8% 0.089 80.7)
-
Passo 900
900
#573C00
oklch(37.7% 0.078 80.1)
-
Passo 950
950
#342303
oklch(27% 0.052 79.3)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Camel 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) | #AF9F53 | 0.037 |
| Deuteranopia (sem cones verdes) | #B9A95B | 0.031 |
| Tritanopia (sem cones azuis) | #D5938F | 0.089 |
| Acromatopsia (sem cor) | #A5A5A5 | 0.100 |
Use Camel 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.