Dark Green Blue #1F6357

Dark Green Blue é um verde-azulado ou ciano médio-escuro e moderadamente saturado, com código hex #1F6357 e RGB rgb(31, 99, 87).

Aa

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

Sobre esta cor

#1F6357 é um verde-azulado ou ciano médio-escuro e moderadamente saturado. Em OKLCH, a luminosidade é 45%, o croma 0.070 e o matiz 179°. O matiz fica do lado frio do círculo cromático. É a cor com nome Dark Green Blue. O texto branco é o que melhor se lê sobre esta cor, com 7.04:1.

Família de matizVerde-azulados e cianos
Luminosidademédio-escuro (45%)
Cromamoderadamente saturado (0.070)
Temperaturafrio
Nome mais próximoDark Green Blue
Texto preto2.98:1
Texto branco7.04:1

Cores que combinam com Dark Green Blue

Combinações obtidas ao girar Dark Green Blue 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 Dark Green Blue

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

Cores com nome parecidas

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

Mais sobre Dark Green Blue

Como fazer Dark Green Blue

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 azul
  • 1 parte de laranja

Resultado da receita: #276155, uma diferença de ΔE 0.007 em relação a Dark Green Blue. Fica muito próximo: a maioria das pessoas não verá a diferença.

Que cores formam o verde-azulado ou ciano? | Tabela de mistura de cores

Códigos de Dark Green Blue em todos os formatos

HEX#1F6357
RGBrgb(31, 99, 87)
HSLhsl(169, 52%, 25%)
OKLCHoklch(45.4% 0.07 179)

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 #1F6357 7.04:1 AAA Lc -89.1 Bom para texto de corpo
Texto preto sobre #1F6357 2.98:1 Não atende Lc 19.9 Apenas divisores e decoração
Texto #1F6357 sobre branco 7.04:1 AAA Lc 84.2 Bom para texto de corpo
Texto #1F6357 sobre preto 2.98:1 Não atende Lc -17.8 Apenas divisores e decoração

Tons claros e escuros de Dark Green Blue

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

  1. Passo 50

    50

    #F2F7F5

    oklch(97.2% 0.006 170.4)

  2. Passo 100

    100

    #E2EDEA

    oklch(93.7% 0.012 178)

  3. Passo 200

    200

    #CADED9

    oklch(88.4% 0.022 179.1)

  4. Passo 300

    300

    #A5CAC1

    oklch(81% 0.041 178.8)

  5. Passo 400

    400

    #72AEA1

    oklch(70.6% 0.065 179.1)

  6. Passo 500

    500

    #499A8A

    oklch(63.1% 0.083 178.8)

  7. Passo 600

    600

    #238574

    oklch(55.7% 0.092 178.4)

  8. Passo 700

    700

    #127062

    oklch(49.1% 0.084 179.6)

  9. Passo 800

    800 (esta cor)

    #1F6357

    oklch(45.4% 0.07 179)

  10. Passo 900

    900

    #1A4B42

    oklch(37.7% 0.055 179)

  11. Passo 950

    950

    #112C27

    oklch(27% 0.035 179.9)

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

Dark Green Blue 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)#5F5D570.075
Deuteranopia (sem cones verdes)#5556580.070
Tritanopia (sem cones azuis)#00655F0.015
Acromatopsia (sem cor)#5959590.071

Use Dark Green Blue 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.