Cornflower #6A79F7

Cornflower é um azul médio-claro e vívido, com código hex #6A79F7 e RGB rgb(106, 121, 247).

Aa

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

Sobre esta cor

#6A79F7 é um azul médio-claro e vívido. Em OKLCH, a luminosidade é 63%, o croma 0.187 e o matiz 275°. O matiz fica do lado frio do círculo cromático. É a cor com nome Cornflower. O texto preto é o que melhor se lê sobre esta cor, com 5.69:1.

Família de matizAzuis
Luminosidademédio-claro (63%)
Cromavívido (0.187)
Temperaturafrio
Nome mais próximoCornflower
Texto preto5.69:1
Texto branco3.69:1

Cores que combinam com Cornflower

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

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

Ainda nenhuma paleta selecionada tem uma cor a menos de ΔE 0.06 de Cornflower.

Cores com nome parecidas

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

Mais sobre Cornflower

Como fazer Cornflower

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
  • 1 parte de roxo
  • 1 parte de branco

Resultado da receita: #6A70CC, uma diferença de ΔE 0.066 em relação a Cornflower. 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 Cornflower em todos os formatos

HEX#6A79F7
RGBrgb(106, 121, 247)
HSLhsl(234, 90%, 69%)
OKLCHoklch(62.8% 0.187 274.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 #6A79F7 3.69:1 AA texto grande Lc -69.7 Texto de conteúdo, não para leitura longa
Texto preto sobre #6A79F7 5.69:1 AA Lc 39.9 Elementos que não são texto, texto de placeholder
Texto #6A79F7 sobre branco 3.69:1 AA texto grande Lc 64.2 Texto de conteúdo, não para leitura longa
Texto #6A79F7 sobre preto 5.69:1 AA Lc -37.5 Elementos que não são texto, texto de placeholder

Tons claros e escuros de Cornflower

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

  1. Passo 50

    50

    #F3F5FE

    oklch(97.1% 0.012 276.1)

  2. Passo 100

    100

    #E4E9FC

    oklch(93.6% 0.026 274.1)

  3. Passo 200

    200

    #CFD7FB

    oklch(88.5% 0.05 275.4)

  4. Passo 300

    300

    #AFBDFC

    oklch(81% 0.091 274.5)

  5. Passo 400

    400

    #8697FB

    oklch(70.6% 0.147 274.7)

  6. Passo 500

    500 (esta cor)

    #6A79F7

    oklch(62.8% 0.187 274.6)

  7. Passo 600

    600

    #555FE7

    oklch(55.6% 0.203 274.5)

  8. Passo 700

    700

    #464DC9

    oklch(49.1% 0.189 274.6)

  9. Passo 800

    800

    #3940A2

    oklch(42.6% 0.156 274.5)

  10. Passo 900

    900

    #303881

    oklch(37.8% 0.122 274.3)

  11. Passo 950

    950

    #1C214B

    oklch(26.9% 0.077 274.9)

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

Cornflower 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)#338BFB0.061
Deuteranopia (sem cones verdes)#117FF40.068
Tritanopia (sem cones azuis)#0096AD0.165
Acromatopsia (sem cor)#8585850.187

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