Dodger Blue #1E90FF
Dodger Blue é um azul médio-claro e vívido, com código hex #1E90FF e RGB rgb(30, 144, 255).
Aa
O texto preto é o que melhor se lê sobre esta cor (6.48:1).
Sobre esta cor
#1E90FF é um azul médio-claro e vívido. Em OKLCH, a luminosidade é 65%, o croma 0.190 e o matiz 253°. O matiz fica do lado frio do círculo cromático. É a cor com nome Dodger Blue. O texto preto é o que melhor se lê sobre esta cor, com 6.48:1.
| Família de matiz | Azuis |
| Luminosidade | médio-claro (65%) |
| Croma | vívido (0.190) |
| Temperatura | frio |
| Nome mais próximo | Dodger Blue |
| Texto preto | 6.48:1 |
| Texto branco | 3.23:1 |
Cores que combinam com Dodger Blue
Combinações obtidas ao girar Dodger 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 Dodger Blue
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Dodger Blue, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Dodger Blue, com a distância ΔE.
- Chefchaouen Blue #4895EF ΔE 0.038
- Dark Sky Blue #448EE4 ΔE 0.043
- Clear Blue #247AFD ΔE 0.055
- Soft Blue #6488EA ΔE 0.056
- Cornflower Blue #6495ED ΔE 0.059
- Cornflower #6A79F7 ΔE 0.074
- Water Blue #0E87CC ΔE 0.079
- Cerulean Blue #056EEE ΔE 0.091
Mais sobre Dodger Blue
Como fazer Dodger 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.
- 4 partes de azul
- 3 partes de branco
- 1 parte de rosa
Resultado da receita: #4D8DD9, uma diferença de ΔE 0.060 em relação a Dodger Blue. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.
Códigos de Dodger Blue em todos os formatos
| HEX | #1E90FF |
| RGB | rgb(30, 144, 255) |
| HSL | hsl(210, 100%, 56%) |
| OKLCH | oklch(65.2% 0.19 253.2) |
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 #1E90FF | 3.23:1 | AA texto grande | Lc -64.4 | Texto de conteúdo, não para leitura longa |
| Texto preto sobre #1E90FF | 6.48:1 | AA | Lc 45.1 | Texto grande ou em negrito, títulos |
| Texto #1E90FF sobre branco | 3.23:1 | AA texto grande | Lc 59.0 | Texto grande ou em negrito, títulos |
| Texto #1E90FF sobre preto | 6.48:1 | AA | Lc -42.7 | Elementos que não são texto, texto de placeholder |
Tons claros e escuros de Dodger 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 500.
-
Passo 50
50
#F0F6FE
oklch(97.1% 0.012 255.5)
-
Passo 100
100
#DEEBFC
oklch(93.5% 0.027 255.1)
-
Passo 200
200
#C2DCFB
oklch(88.5% 0.051 252.9)
-
Passo 300
300
#96C4FC
oklch(80.8% 0.094 253.7)
-
Passo 400
400
#57A3FA
oklch(70.6% 0.149 253.3)
-
Passo 500
500 (esta cor)
#1E90FF
oklch(65.2% 0.19 253.2)
-
Passo 600
600
#0073D4
oklch(55.6% 0.172 253.1)
-
Passo 700
700
#0060B4
oklch(49.1% 0.153 253.4)
-
Passo 800
800
#004F95
oklch(42.8% 0.133 253.1)
-
Passo 900
900
#00417D
oklch(37.6% 0.117 253.3)
-
Passo 950
950
#03264B
oklch(26.8% 0.079 253.5)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Dodger 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) | #5599FF | 0.045 |
| Deuteranopia (sem cones verdes) | #2386FD | 0.025 |
| Tritanopia (sem cones azuis) | #00ABBB | 0.141 |
| Acromatopsia (sem cor) | #8F8F8F | 0.190 |
Use Dodger 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.