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 matiz | Azuis |
| Luminosidade | médio-claro (63%) |
| Croma | vívido (0.187) |
| Temperatura | frio |
| Nome mais próximo | Cornflower |
| Texto preto | 5.69:1 |
| Texto branco | 3.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.
Análogo
Matizes vizinhos, 30° para cada lado.
Tríade
Três matizes espaçados em 120°.
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.
- Medium Slate Blue #7B68EE ΔE 0.044
- Soft Blue #6488EA ΔE 0.045
- Periwinkle #8E82FE ΔE 0.058
- Lavender Blue #8B88F8 ΔE 0.062
- Clear Blue #247AFD ΔE 0.062
- Dark Sky Blue #448EE4 ΔE 0.072
- Medium Purple #9370DB ΔE 0.072
- Royal Blue #4169E1 ΔE 0.074
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.
Códigos de Cornflower em todos os formatos
| HEX | #6A79F7 |
| RGB | rgb(106, 121, 247) |
| HSL | hsl(234, 90%, 69%) |
| OKLCH | oklch(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ção | WCAG 2 | Resultado | APCA | Orientaçã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.
-
Passo 50
50
#F3F5FE
oklch(97.1% 0.012 276.1)
-
Passo 100
100
#E4E9FC
oklch(93.6% 0.026 274.1)
-
Passo 200
200
#CFD7FB
oklch(88.5% 0.05 275.4)
-
Passo 300
300
#AFBDFC
oklch(81% 0.091 274.5)
-
Passo 400
400
#8697FB
oklch(70.6% 0.147 274.7)
-
Passo 500
500 (esta cor)
#6A79F7
oklch(62.8% 0.187 274.6)
-
Passo 600
600
#555FE7
oklch(55.6% 0.203 274.5)
-
Passo 700
700
#464DC9
oklch(49.1% 0.189 274.6)
-
Passo 800
800
#3940A2
oklch(42.6% 0.156 274.5)
-
Passo 900
900
#303881
oklch(37.8% 0.122 274.3)
-
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ão | Vista como | Mudança (ΔE) |
|---|---|---|
| Protanopia (sem cones vermelhos) | #338BFB | 0.061 |
| Deuteranopia (sem cones verdes) | #117FF4 | 0.068 |
| Tritanopia (sem cones azuis) | #0096AD | 0.165 |
| Acromatopsia (sem cor) | #858585 | 0.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.