Butter #FFFF81

Sobre esta cor

#FFFF81 é um amarelo muito claro e vívido. Em OKLCH, a luminosidade é 98%, o croma 0.148 e o matiz 109°. O matiz fica do lado quente do círculo cromático. É a cor com nome Butter. O texto preto é o que melhor se lê sobre esta cor, com 19.87:1.

Cores que combinam com Butter

Combinações obtidas ao girar Butter pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.

Paletas de cores com Butter

Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Butter, da mais próxima à mais distante.

• Lemonade Heatwave

Cores com nome parecidas

As oito cores com nome mais próximas de Butter, com a distância ΔE.

• Faded Yellow #FEFF7F ΔE 0.003
• Banana #FFFF7E ΔE 0.003
• Pale Yellow #FFFF84 ΔE 0.003
• Custard #FFFD78 ΔE 0.008
• Butter Yellow #FFFD74 ΔE 0.011
• Pastel Yellow #FFFE71 ΔE 0.014
• Manilla #FFFA86 ΔE 0.015
• Straw #FCF679 ΔE 0.023

Mais sobre Butter

• Tons de amarelo
• O que significa amarelo

Como fazer Butter

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

Resultado da receita: #FEF07D, uma diferença de ΔE 0.038 em relação a Butter. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.

Que cores formam o amarelo? | Tabela de mistura de cores

Códigos de Butter em todos os formatos

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.

Tons claros e escuros de Butter

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 50.

1. Passo 50

   50 (esta cor)

   #FFFF81

   oklch(97.5% 0.148 108.9)

2. Passo 100

   100

   #ECEEC3

   oklch(93.7% 0.056 109.6)

3. Passo 200

   200

   #DEDF8B

   oklch(88.4% 0.106 109)

4. Passo 300

   300

   #CBC800

   oklch(80.9% 0.175 108.7)

5. Passo 400

   400

   #A9A700

   oklch(70.7% 0.153 108.9)

6. Passo 500

   500

   #918F00

   oklch(63.1% 0.137 108.8)

7. Passo 600

   600

   #7A7800

   oklch(55.6% 0.12 108.6)

8. Passo 700

   700

   #666500

   oklch(49.1% 0.107 109.1)

9. Passo 800

   800

   #535200

   oklch(42.6% 0.092 108.9)

10. Passo 900

    900

    #454400

    oklch(37.5% 0.081 108.8)

11. Passo 950

    950

    #292800

    oklch(26.9% 0.058 108.3)

Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind

Butter 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.