Onyx #343A40

Sobre esta cor

#343A40 é um tom escuro próximo ao cinza neutro. Em OKLCH, a luminosidade é 35%, o croma 0.013. Tem croma baixo demais para pender para o quente ou para o frio. É a cor com nome Onyx. O texto branco é o que melhor se lê sobre esta cor, com 11.50:1.

Cores que combinam com Onyx

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

Onyx é quase neutra, então não tem um matiz para girar. Combina com quase qualquer cor; experimente as paletas abaixo.

Paletas de cores com Onyx

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

• Drizzle Afternoon
• Overcast Sky
• Dove and Drizzle
• Dove Light
• Cashmere Gallery
• Ivory Study
• Marble Studio
• Marble Lookbook

Cores com nome parecidas

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

• Charcoal Grey #3C4142 ΔE 0.027
• Dark Blue Grey #1F3B4D ΔE 0.034
• Gunmetal #293241 ΔE 0.034
• Charcoal #264653 ΔE 0.044
• Space Cadet #2B2D42 ΔE 0.049
• Midnight Green #073B4C ΔE 0.049
• Dark Grey Blue #29465B ΔE 0.051
• Prussian Blue #1D3557 ΔE 0.057

Mais sobre Onyx

• Tons de cinza
• O que significa cinza

Como fazer Onyx

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 cinza
• 1 parte de preto

Resultado da receita: #3C3C3C, uma diferença de ΔE 0.018 em relação a Onyx. Fica muito próximo: a maioria das pessoas não verá a diferença.

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

Códigos de Onyx 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 Onyx

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

1. Passo 50

   50

   #F5F5F6

   oklch(97% 0.001 286.4)

2. Passo 100

   100

   #E8EAEC

   oklch(93.6% 0.003 247.9)

3. Passo 200

   200

   #D6D9DD

   oklch(88.4% 0.006 255.5)

4. Passo 300

   300

   #BCC1C7

   oklch(80.9% 0.01 252.8)

5. Passo 400

   400

   #99A2AA

   oklch(70.8% 0.016 244.8)

6. Passo 500

   500

   #808B96

   oklch(63.1% 0.021 248.2)

7. Passo 600

   600

   #697580

   oklch(55.6% 0.022 245.9)

8. Passo 700

   700

   #58626C

   oklch(49.1% 0.02 248.2)

9. Passo 800

   800

   #485058

   oklch(42.7% 0.017 248.2)

10. Passo 900

    900 (esta cor)

    #343A40

    oklch(34.5% 0.013 248.2)

11. Passo 950

    950

    #23272A

    oklch(27% 0.008 240.2)

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

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