Petrol #005F6A

Petrol é um verde-azulado ou ciano escuro e moderadamente saturado, com código hex #005F6A e RGB rgb(0, 95, 106).

Aa

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

Sobre esta cor

#005F6A é um verde-azulado ou ciano escuro e moderadamente saturado. Em OKLCH, a luminosidade é 44%, o croma 0.076 e o matiz 208°. O matiz fica do lado frio do círculo cromático. É a cor com nome Petrol. O texto branco é o que melhor se lê sobre esta cor, com 7.38:1.

Família de matizVerde-azulados e cianos
Luminosidadeescuro (44%)
Cromamoderadamente saturado (0.076)
Temperaturafrio
Nome mais próximoPetrol
Texto preto2.84:1
Texto branco7.38:1

Cores que combinam com Petrol

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

Paletas de cores com Petrol

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

Cores com nome parecidas

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

Mais sobre Petrol

Como fazer Petrol

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.

  • 3 partes de azul
  • 1 parte de laranja

Resultado da receita: #1B5C68, uma diferença de ΔE 0.012 em relação a Petrol. 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 Petrol em todos os formatos

HEX#005F6A
RGBrgb(0, 95, 106)
HSLhsl(186, 100%, 21%)
OKLCHoklch(44.4% 0.076 208.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 #005F6A 7.38:1 AAA Lc -90.0 Ideal para texto de corpo
Texto preto sobre #005F6A 2.84:1 Não atende Lc 18.9 Apenas divisores e decoração
Texto #005F6A sobre branco 7.38:1 AAA Lc 85.1 Bom para texto de corpo
Texto #005F6A sobre preto 2.84:1 Não atende Lc -16.9 Apenas divisores e decoração

Tons claros e escuros de Petrol

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

    #F1F7F7

    oklch(97.2% 0.006 197.1)

  2. Passo 100

    100

    #E1ECEE

    oklch(93.5% 0.012 209.8)

  3. Passo 200

    200

    #C7DEE2

    oklch(88.5% 0.025 209.3)

  4. Passo 300

    300

    #A0C9D0

    oklch(80.9% 0.044 209.1)

  5. Passo 400

    400

    #68ADB8

    oklch(70.6% 0.071 208.6)

  6. Passo 500

    500

    #3699A7

    oklch(63.2% 0.092 208.4)

  7. Passo 600

    600

    #008291

    oklch(55.5% 0.096 208.9)

  8. Passo 700

    700

    #006E7A

    oklch(49.2% 0.085 207.9)

  9. Passo 800

    800 (esta cor)

    #005F6A

    oklch(44.4% 0.076 208.5)

  10. Passo 900

    900

    #0D4A52

    oklch(37.6% 0.06 208.3)

  11. Passo 950

    950

    #0B2B30

    oklch(26.8% 0.038 209.5)

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

Petrol 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)#555B6B0.073
Deuteranopia (sem cones verdes)#48526A0.065
Tritanopia (sem cones azuis)#0064620.024
Acromatopsia (sem cor)#5656560.077

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