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 matiz | Azuis |
| Luminosidade | médio-escuro (45%) |
| Croma | vívido (0.208) |
| Temperatura | frio |
| Nome mais próximo | Blue Blue |
| Texto preto | 2.67:1 |
| Texto branco | 7.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.
Análogo
Matizes vizinhos, 30° para cada lado.
Tríade
Três matizes espaçados em 120°.
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.
- Majorelle Blue #3F37C9 ΔE 0.035
- Sapphire #2138AB ΔE 0.051
- Blue With A Hint Of Purple #533CC6 ΔE 0.062
- Blurple #5539CC ΔE 0.066
- Vibrant Blue #0339F8 ΔE 0.078
- Ultramarine Blue #1805DB ΔE 0.078
- Warm Blue #4B57DB ΔE 0.079
- Indigo Blue #3A18B1 ΔE 0.082
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.
Códigos de Blue Blue em todos os formatos
| HEX | #2242C7 |
| RGB | rgb(34, 66, 199) |
| HSL | hsl(228, 71%, 46%) |
| OKLCH | oklch(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ção | WCAG 2 | Resultado | APCA | Orientaçã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.
-
Passo 50
50
#F1F5FF
oklch(97% 0.014 268.5)
-
Passo 100
100
#E0EAFF
oklch(93.6% 0.03 265.3)
-
Passo 200
200
#C8D9FF
oklch(88.5% 0.056 266.2)
-
Passo 300
300
#A4BFFF
oklch(80.8% 0.096 266.6)
-
Passo 400
400
#759BFF
oklch(70.6% 0.153 266.8)
-
Passo 500
500
#527EFF
oklch(63% 0.198 266.5)
-
Passo 600
600
#335DFF
oklch(55.7% 0.244 266.6)
-
Passo 700
700
#2343EC
oklch(49.1% 0.252 266.6)
-
Passo 800
800 (esta cor)
#2242C7
oklch(45.2% 0.208 266.6)
-
Passo 900
900
#1A3496
oklch(37.6% 0.163 266.5)
-
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ão | Vista como | Mudança (ΔE) |
|---|---|---|
| Protanopia (sem cones vermelhos) | #005ACB | 0.054 |
| Deuteranopia (sem cones verdes) | #004AC5 | 0.021 |
| Tritanopia (sem cones azuis) | #00667F | 0.159 |
| Acromatopsia (sem cor) | #525252 | 0.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.