Clay Brown #B2713D

Clay Brown é um marrom médio-escuro e moderadamente saturado, com código hex #B2713D e RGB rgb(178, 113, 61).

Aa

O texto preto é o que melhor se lê sobre esta cor (5.32:1).

Sobre esta cor

#B2713D é um marrom médio-escuro e moderadamente saturado. Em OKLCH, a luminosidade é 61%, o croma 0.107 e o matiz 58°. O matiz fica do lado quente do círculo cromático. É a cor com nome Clay Brown. O texto preto é o que melhor se lê sobre esta cor, com 5.32:1.

Família de matizMarrons
Luminosidademédio-escuro (61%)
Cromamoderadamente saturado (0.107)
Temperaturaquente
Nome mais próximoClay Brown
Texto preto5.32:1
Texto branco3.94:1

Cores que combinam com Clay Brown

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

Complementar

O matiz oposto (180°).

Abra a paleta complementar no gerador

Análogo

Matizes vizinhos, 30° para cada lado.

Abra a paleta análoga no gerador

Paletas de cores com Clay Brown

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

Cores com nome parecidas

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

Mais sobre Clay Brown

Como fazer Clay Brown

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 laranja
  • 2 partes de cinza
  • 1 parte de vermelho

Resultado da receita: #B16E3A, uma diferença de ΔE 0.008 em relação a Clay Brown. Fica muito próximo: a maioria das pessoas não verá a diferença.

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

Códigos de Clay Brown em todos os formatos

HEX#B2713D
RGBrgb(178, 113, 61)
HSLhsl(27, 49%, 47%)
OKLCHoklch(60.8% 0.107 57.5)

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çãoWCAG 2ResultadoAPCAOrientação APCA
Texto branco sobre #B2713D 3.94:1 AA texto grande Lc -72.1 Texto de conteúdo, não para leitura longa
Texto preto sobre #B2713D 5.32:1 AA Lc 37.5 Elementos que não são texto, texto de placeholder
Texto #B2713D sobre branco 3.94:1 AA texto grande Lc 66.6 Texto de conteúdo, não para leitura longa
Texto #B2713D sobre preto 5.32:1 AA Lc -35.1 Elementos que não são texto, texto de placeholder

Tons claros e escuros de Clay Brown

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.

  1. Passo 50

    50

    #F9F4F1

    oklch(97% 0.007 53.4)

  2. Passo 100

    100

    #F2E8E0

    oklch(93.7% 0.015 61.3)

  3. Passo 200

    200

    #E9D5C7

    oklch(88.6% 0.029 57.3)

  4. Passo 300

    300

    #DBB9A0

    oklch(80.9% 0.052 58.3)

  5. Passo 400

    400

    #C8946C

    oklch(70.7% 0.083 58.5)

  6. Passo 500

    500 (esta cor)

    #B2713D

    oklch(60.8% 0.107 57.5)

  7. Passo 600

    600

    #A56023

    oklch(55.7% 0.116 57.8)

  8. Passo 700

    700

    #8D4F15

    oklch(49.2% 0.107 58)

  9. Passo 800

    800

    #734115

    oklch(42.8% 0.089 57.6)

  10. Passo 900

    900

    #5D3719

    oklch(37.7% 0.069 56.7)

  11. Passo 950

    950

    #37210F

    oklch(27.2% 0.045 58.6)

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

Clay Brown 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ãoVista comoMudança (ΔE)
Protanopia (sem cones vermelhos)#8477380.080
Deuteranopia (sem cones verdes)#94863D0.072
Tritanopia (sem cones azuis)#C263650.075
Acromatopsia (sem cor)#8080800.107

Use Clay Brown 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.