Fawn #CFAF7B
Fawn é um laranja médio-claro e moderadamente saturado, com código hex #CFAF7B e RGB rgb(207, 175, 123).
Aa
O texto preto é o que melhor se lê sobre esta cor (10.07:1).
Sobre esta cor
#CFAF7B é um laranja médio-claro e moderadamente saturado. Em OKLCH, a luminosidade é 77%, o croma 0.078 e o matiz 79°. O matiz fica do lado quente do círculo cromático. É a cor com nome Fawn. O texto preto é o que melhor se lê sobre esta cor, com 10.07:1.
| Família de matiz | Laranjas |
| Luminosidade | médio-claro (77%) |
| Croma | moderadamente saturado (0.078) |
| Temperatura | quente |
| Nome mais próximo | Fawn |
| Texto preto | 10.07:1 |
| Texto branco | 2.08:1 |
Cores que combinam com Fawn
Combinações obtidas ao girar Fawn 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 Fawn
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Fawn, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Fawn, com a distância ΔE.
- Sandstone #C9AE74 ΔE 0.013
- Toupe #C7AC7D ΔE 0.016
- Very Light Brown #D3B683 ΔE 0.020
- Tan #D2B48C ΔE 0.022
- Desert #CCAD60 ΔE 0.031
- Putty #BEAE8A ΔE 0.031
- Sand Brown #CBA560 ΔE 0.035
- Burlywood #DEB887 ΔE 0.035
Mais sobre Fawn
Como fazer Fawn
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 branco
- 2 partes de marrom
- 1 parte de laranja
Resultado da receita: #D4AC76, uma diferença de ΔE 0.010 em relação a Fawn. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Fawn em todos os formatos
| HEX | #CFAF7B |
| RGB | rgb(207, 175, 123) |
| HSL | hsl(37, 47%, 65%) |
| OKLCH | oklch(77% 0.078 79.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 #CFAF7B | 2.08:1 | Não atende | Lc -45.3 | Texto grande ou em negrito, títulos |
| Texto preto sobre #CFAF7B | 10.07:1 | AAA | Lc 63.2 | Texto de conteúdo, não para leitura longa |
| Texto #CFAF7B sobre branco | 2.08:1 | Não atende | Lc 40.7 | Elementos que não são texto, texto de placeholder |
| Texto #CFAF7B sobre preto | 10.07:1 | AAA | Lc -61.6 | Texto de conteúdo, não para leitura longa |
Tons claros e escuros de Fawn
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
#F9F5EE
oklch(97.1% 0.01 81.8)
-
Passo 100
100
#F2E9DA
oklch(93.7% 0.022 80.7)
-
Passo 200
200
#E9D6BA
oklch(88.4% 0.043 77.6)
-
Passo 300
300 (esta cor)
#CFAF7B
oklch(77% 0.078 79.3)
-
Passo 400
400
#CA9738
oklch(70.8% 0.125 79.5)
-
Passo 500
500
#B37E00
oklch(63% 0.131 79.1)
-
Passo 600
600
#976A00
oklch(55.7% 0.116 79.3)
-
Passo 700
700
#7F5900
oklch(49.2% 0.102 79.8)
-
Passo 800
800
#684800
oklch(42.6% 0.088 79.5)
-
Passo 900
900
#573C00
oklch(37.7% 0.078 80.1)
-
Passo 950
950
#352300
oklch(27.1% 0.056 79.9)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Fawn 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) | #BCAF77 | 0.030 |
| Deuteranopia (sem cones verdes) | #C4B77C | 0.025 |
| Tritanopia (sem cones azuis) | #DCA6A2 | 0.068 |
| Acromatopsia (sem cor) | #B3B3B3 | 0.078 |
Use Fawn 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.