Mid Blue #276AB3

Mid Blue é um azul médio-escuro e moderadamente saturado, com código hex #276AB3 e RGB rgb(39, 106, 179).

Aa

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

Sobre esta cor

#276AB3 é um azul médio-escuro e moderadamente saturado. Em OKLCH, a luminosidade é 52%, o croma 0.133 e o matiz 253°. O matiz fica do lado frio do círculo cromático. É a cor com nome Mid Blue. O texto branco é o que melhor se lê sobre esta cor, com 5.52:1.

Família de matizAzuis
Luminosidademédio-escuro (52%)
Cromamoderadamente saturado (0.133)
Temperaturafrio
Nome mais próximoMid Blue
Texto preto3.79:1
Texto branco5.52:1

Cores que combinam com Mid Blue

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

Paletas de cores com Mid Blue

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

Cores com nome parecidas

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

Mais sobre Mid Blue

Como fazer Mid 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 rosa
  • 1 parte de cinza

Resultado da receita: #3468AD, uma diferença de ΔE 0.013 em relação a Mid Blue. Fica muito próximo: a maioria das pessoas não verá a diferença.

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

Códigos de Mid Blue em todos os formatos

HEX#276AB3
RGBrgb(39, 106, 179)
HSLhsl(211, 64%, 43%)
OKLCHoklch(52% 0.133 253.4)

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 #276AB3 5.52:1 AA Lc -82.5 Bom para texto de corpo
Texto preto sobre #276AB3 3.79:1 AA texto grande Lc 26.8 Apenas divisores e decoração
Texto #276AB3 sobre branco 5.52:1 AA Lc 77.2 Bom para texto de corpo
Texto #276AB3 sobre preto 3.79:1 AA texto grande Lc -24.5 Apenas divisores e decoração

Tons claros e escuros de Mid 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 700.

  1. Passo 50

    50

    #F1F6FB

    oklch(97.1% 0.009 247.9)

  2. Passo 100

    100

    #E1EBF6

    oklch(93.6% 0.018 250.6)

  3. Passo 200

    200

    #C9DBF1

    oklch(88.5% 0.036 253.5)

  4. Passo 300

    300

    #A4C4EA

    oklch(81% 0.064 253)

  5. Passo 400

    400

    #72A4E0

    oklch(70.7% 0.103 253.6)

  6. Passo 500

    500

    #4B8CD7

    oklch(63.1% 0.132 253.5)

  7. Passo 600

    600

    #2B74C4

    oklch(55.5% 0.143 253.6)

  8. Passo 700

    700 (esta cor)

    #276AB3

    oklch(52% 0.133 253.4)

  9. Passo 800

    800

    #1B5089

    oklch(42.8% 0.11 253.2)

  10. Passo 900

    900

    #1C436E

    oklch(37.8% 0.086 253)

  11. Passo 950

    950

    #122740

    oklch(26.9% 0.054 254)

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

Mid 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)#476FB60.034
Deuteranopia (sem cones verdes)#2F63B20.019
Tritanopia (sem cones azuis)#007B860.099
Acromatopsia (sem cor)#6969690.133

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