Blue Blue #2242C7

Blue Blue é um azul médio-escuro e vívido, com código hex #2242C7 e RGB rgb(34, 66, 199).

Aa

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

Sobre esta cor

#2242C7 é um azul médio-escuro e vívido. Em OKLCH, a luminosidade é 45%, o croma 0.208 e o matiz 267°. O matiz fica do lado frio do círculo cromático. É a cor com nome Blue Blue. O texto branco é o que melhor se lê sobre esta cor, com 7.85:1.

Família de matizAzuis
Luminosidademédio-escuro (45%)
Cromavívido (0.208)
Temperaturafrio
Nome mais próximoBlue Blue
Texto preto2.67:1
Texto branco7.85:1

Cores que combinam com Blue Blue

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

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

Cores com nome parecidas

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

Mais sobre Blue Blue

Como fazer Blue 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.

  • 1 parte de azul

Resultado da receita: #1F4FB3, uma diferença de ΔE 0.043 em relação a Blue Blue. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.

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

Códigos de Blue Blue em todos os formatos

HEX#2242C7
RGBrgb(34, 66, 199)
HSLhsl(228, 71%, 46%)
OKLCHoklch(45.2% 0.208 266.6)

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 #2242C7 7.85:1 AAA Lc -91.2 Ideal para texto de corpo
Texto preto sobre #2242C7 2.67:1 Não atende Lc 17.6 Apenas divisores e decoração
Texto #2242C7 sobre branco 7.85:1 AAA Lc 86.4 Bom para texto de corpo
Texto #2242C7 sobre preto 2.67:1 Não atende Lc -15.7 Apenas divisores e decoração

Tons claros e escuros de Blue 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

    #F1F5FF

    oklch(97% 0.014 268.5)

  2. Passo 100

    100

    #E0EAFF

    oklch(93.6% 0.03 265.3)

  3. Passo 200

    200

    #C8D9FF

    oklch(88.5% 0.056 266.2)

  4. Passo 300

    300

    #A4BFFF

    oklch(80.8% 0.096 266.6)

  5. Passo 400

    400

    #759BFF

    oklch(70.6% 0.153 266.8)

  6. Passo 500

    500

    #527EFF

    oklch(63% 0.198 266.5)

  7. Passo 600

    600

    #335DFF

    oklch(55.7% 0.244 266.6)

  8. Passo 700

    700

    #2343EC

    oklch(49.1% 0.252 266.6)

  9. Passo 800

    800 (esta cor)

    #2242C7

    oklch(45.2% 0.208 266.6)

  10. Passo 900

    900

    #1A3496

    oklch(37.6% 0.163 266.5)

  11. Passo 950

    950

    #0F2058

    oklch(27% 0.104 266.4)

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

Blue 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)#005ACB0.054
Deuteranopia (sem cones verdes)#004AC50.021
Tritanopia (sem cones azuis)#00667F0.159
Acromatopsia (sem cor)#5252520.209

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