Warm Blue #4B57DB
Warm Blue é um azul médio-escuro e vívido, com código hex #4B57DB e RGB rgb(75, 87, 219).
Aa
O texto branco é o que melhor se lê sobre esta cor (5.69:1).
Sobre esta cor
#4B57DB é um azul médio-escuro e vívido. Em OKLCH, a luminosidade é 53%, o croma 0.199 e o matiz 273°. O matiz fica do lado frio do círculo cromático. É a cor com nome Warm Blue. O texto branco é o que melhor se lê sobre esta cor, com 5.69:1.
| Família de matiz | Azuis |
| Luminosidade | médio-escuro (53%) |
| Croma | vívido (0.199) |
| Temperatura | frio |
| Nome mais próximo | Warm Blue |
| Texto preto | 3.68:1 |
| Texto branco | 5.69:1 |
Cores que combinam com Warm Blue
Combinações obtidas ao girar Warm 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 Warm Blue
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Warm Blue, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Warm Blue, com a distância ΔE.
- Neon Blue #4361EE ΔE 0.036
- Royal Blue #4169E1 ΔE 0.042
- Azul #1D5DEC ΔE 0.047
- Dark Periwinkle #665FD1 ΔE 0.047
- Iris #6258C4 ΔE 0.048
- Slate Blue #6A5ACD ΔE 0.051
- Light Indigo #6D5ACF ΔE 0.054
- Bluey Purple #6241C7 ΔE 0.062
Mais sobre Warm Blue
Como fazer Warm 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.
- 2 partes de azul
- 1 parte de roxo
- 1 parte de branco
Resultado da receita: #4264C4, uma diferença de ΔE 0.050 em relação a Warm Blue. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.
Códigos de Warm Blue em todos os formatos
| HEX | #4B57DB |
| RGB | rgb(75, 87, 219) |
| HSL | hsl(235, 67%, 58%) |
| OKLCH | oklch(52.7% 0.199 273.4) |
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 #4B57DB | 5.69:1 | AA | Lc -83.3 | Bom para texto de corpo |
| Texto preto sobre #4B57DB | 3.68:1 | AA texto grande | Lc 26.1 | Apenas divisores e decoração |
| Texto #4B57DB sobre branco | 5.69:1 | AA | Lc 78.0 | Bom para texto de corpo |
| Texto #4B57DB sobre preto | 3.68:1 | AA texto grande | Lc -23.8 | Apenas divisores e decoração |
Tons claros e escuros de Warm 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 600.
-
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
#CED8FB
oklch(88.6% 0.049 272.8)
-
Passo 300
300
#AEBDFB
oklch(80.9% 0.089 273.7)
-
Passo 400
400
#8498F9
oklch(70.6% 0.144 273.4)
-
Passo 500
500
#687BF6
oklch(63% 0.183 273.4)
-
Passo 600
600 (esta cor)
#4B57DB
oklch(52.7% 0.199 273.4)
-
Passo 700
700
#444FC7
oklch(49.2% 0.185 273.5)
-
Passo 800
800
#3741A1
oklch(42.6% 0.154 273.4)
-
Passo 900
900
#2F3980
oklch(37.8% 0.119 273.3)
-
Passo 950
950
#1B224B
oklch(27% 0.076 273)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Warm 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) | #006DDF | 0.063 |
| Deuteranopia (sem cones verdes) | #0060D8 | 0.051 |
| Tritanopia (sem cones azuis) | #007891 | 0.163 |
| Acromatopsia (sem cor) | #676767 | 0.200 |
Use Warm 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.