Seaweed #18D17B

Seaweed é um verde médio-claro e vívido, com código hex #18D17B e RGB rgb(24, 209, 123).

Aa

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

Sobre esta cor

#18D17B é um verde médio-claro e vívido. Em OKLCH, a luminosidade é 76%, o croma 0.183 e o matiz 155°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Seaweed. O texto preto é o que melhor se lê sobre esta cor, com 10.44:1.

Família de matizVerdes
Luminosidademédio-claro (76%)
Cromavívido (0.183)
Temperaturaintermediário
Nome mais próximoSeaweed
Texto preto10.44:1
Texto branco2.01:1

Cores que combinam com Seaweed

Combinações obtidas ao girar Seaweed 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

Tríade

Três matizes espaçados em 120°.

Abra a paleta em tríade no gerador

Paletas de cores com Seaweed

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

Cores com nome parecidas

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

Mais sobre Seaweed

Como fazer Seaweed

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.

  • 1 parte de verde
  • 1 parte de branco

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

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

Códigos de Seaweed em todos os formatos

HEX#18D17B
RGBrgb(24, 209, 123)
HSLhsl(152, 79%, 46%)
OKLCHoklch(75.8% 0.183 155.1)

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 #18D17B 2.01:1 Não atende Lc -42.8 Elementos que não são texto, texto de placeholder
Texto preto sobre #18D17B 10.44:1 AAA Lc 65.6 Texto de conteúdo, não para leitura longa
Texto #18D17B sobre branco 2.01:1 Não atende Lc 38.4 Elementos que não são texto, texto de placeholder
Texto #18D17B sobre preto 10.44:1 AAA Lc -64.0 Texto de conteúdo, não para leitura longa

Tons claros e escuros de Seaweed

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.

  1. Passo 50

    50

    #EEF9F1

    oklch(97.2% 0.016 154.5)

  2. Passo 100

    100

    #D9F1E0

    oklch(93.6% 0.034 154.8)

  3. Passo 200

    200

    #B9E6C7

    oklch(88.5% 0.063 154.9)

  4. Passo 300

    300

    #81D7A0

    oklch(81% 0.115 154.9)

  5. Passo 400

    400 (esta cor)

    #18D17B

    oklch(75.8% 0.183 155.1)

  6. Passo 500

    500

    #00A45E

    oklch(63.1% 0.156 155.1)

  7. Passo 600

    600

    #008A4E

    oklch(55.6% 0.137 155)

  8. Passo 700

    700

    #007441

    oklch(49.1% 0.121 155.2)

  9. Passo 800

    800

    #005F34

    oklch(42.6% 0.105 155.1)

  10. Passo 900

    900

    #004F2B

    oklch(37.6% 0.092 155.5)

  11. Passo 950

    950

    #003017

    oklch(27.1% 0.068 154.6)

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

Seaweed 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)#D0BF750.162
Deuteranopia (sem cones verdes)#BDB1810.160
Tritanopia (sem cones azuis)#00CFBC0.090
Acromatopsia (sem cor)#B7B7B70.184

Use Seaweed 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.