Cerulean Blue #056EEE
Cerulean Blue é um azul médio-escuro e vívido, com código hex #056EEE e RGB rgb(5, 110, 238).
Aa
O texto branco é o que melhor se lê sobre esta cor (4.69:1).
Sobre esta cor
#056EEE é um azul médio-escuro e vívido. Em OKLCH, a luminosidade é 57%, o croma 0.210 e o matiz 258°. O matiz fica do lado frio do círculo cromático. É a cor com nome Cerulean Blue. O texto branco é o que melhor se lê sobre esta cor, com 4.69:1.
| Família de matiz | Azuis |
| Luminosidade | médio-escuro (57%) |
| Croma | vívido (0.210) |
| Temperatura | frio |
| Nome mais próximo | Cerulean Blue |
| Texto preto | 4.47:1 |
| Texto branco | 4.69:1 |
Cores que combinam com Cerulean Blue
Combinações obtidas ao girar Cerulean 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 Cerulean Blue
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Cerulean Blue, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Cerulean Blue, com a distância ΔE.
- Bright Blue #0165FC ΔE 0.030
- Royal Blue #4169E1 ΔE 0.036
- Azul #1D5DEC ΔE 0.039
- Clear Blue #247AFD ΔE 0.040
- Neon Blue #4361EE ΔE 0.041
- Electric Blue #0652FF ΔE 0.067
- Warm Blue #4B57DB ΔE 0.067
- Windows Blue #3778BF ΔE 0.083
Mais sobre Cerulean Blue
Como fazer Cerulean 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 branco
Resultado da receita: #3775CE, uma diferença de ΔE 0.059 em relação a Cerulean Blue. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.
Códigos de Cerulean Blue em todos os formatos
| HEX | #056EEE |
| RGB | rgb(5, 110, 238) |
| HSL | hsl(213, 96%, 48%) |
| OKLCH | oklch(56.6% 0.21 258.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 #056EEE | 4.69:1 | AA | Lc -77.2 | Bom para texto de corpo |
| Texto preto sobre #056EEE | 4.47:1 | AA texto grande | Lc 32.4 | Elementos que não são texto, texto de placeholder |
| Texto #056EEE sobre branco | 4.69:1 | AA | Lc 71.7 | Texto de conteúdo, não para leitura longa |
| Texto #056EEE sobre preto | 4.47:1 | AA texto grande | Lc -29.9 | Apenas divisores e decoração |
Tons claros e escuros de Cerulean 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
#F0F6FE
oklch(97.1% 0.012 255.5)
-
Passo 100
100
#DFEBFD
oklch(93.6% 0.028 258.4)
-
Passo 200
200
#C4DBFC
oklch(88.5% 0.052 257.4)
-
Passo 300
300
#9BC3FE
oklch(81% 0.094 258)
-
Passo 400
400
#63A0FD
oklch(70.6% 0.151 258.6)
-
Passo 500
500
#3485FB
oklch(63.1% 0.193 258.4)
-
Passo 600
600 (esta cor)
#056EEE
oklch(56.6% 0.21 258.4)
-
Passo 700
700
#005AC6
oklch(49.1% 0.184 258.2)
-
Passo 800
800
#0049A4
oklch(42.7% 0.16 258.3)
-
Passo 900
900
#0D3E83
oklch(37.7% 0.127 258.5)
-
Passo 950
950
#0A254D
oklch(27% 0.081 258.5)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Cerulean 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) | #007EF2 | 0.040 |
| Deuteranopia (sem cones verdes) | #006BEC | 0.008 |
| Tritanopia (sem cones azuis) | #008EA3 | 0.159 |
| Acromatopsia (sem cor) | #747474 | 0.210 |
Use Cerulean 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.