Clear Blue #247AFD

Clear Blue é um azul médio-escuro e vívido, com código hex #247AFD e RGB rgb(36, 122, 253).

Aa

O texto preto é o que melhor se lê sobre esta cor (5.27:1).

Sobre esta cor

#247AFD é um azul médio-escuro e vívido. Em OKLCH, a luminosidade é 61%, o croma 0.211 e o matiz 259°. O matiz fica do lado frio do círculo cromático. É a cor com nome Clear Blue. O texto preto é o que melhor se lê sobre esta cor, com 5.27:1.

Família de matizAzuis
Luminosidademédio-escuro (61%)
Cromavívido (0.211)
Temperaturafrio
Nome mais próximoClear Blue
Texto preto5.27:1
Texto branco3.97:1

Cores que combinam com Clear Blue

Combinações obtidas ao girar Clear Blue pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.

Complementar

O matiz oposto (180°).

Abra a paleta complementar no gerador

Análogo

Matizes vizinhos, 30° para cada lado.

Abra a paleta análoga no gerador

Paletas de cores com Clear Blue

Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Clear Blue, da mais próxima à mais distante.

Cores com nome parecidas

As oito cores com nome mais próximas de Clear Blue, com a distância ΔE.

Mais sobre Clear Blue

Como fazer Clear 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.070 em relação a Clear Blue. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.

Que cores formam o azul? | Tabela de mistura de cores

Códigos de Clear Blue em todos os formatos

HEX#247AFD
RGBrgb(36, 122, 253)
HSLhsl(216, 98%, 57%)
OKLCHoklch(60.6% 0.211 259.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çãoWCAG 2ResultadoAPCAOrientação APCA
Texto branco sobre #247AFD 3.97:1 AA texto grande Lc -72.0 Texto de conteúdo, não para leitura longa
Texto preto sobre #247AFD 5.27:1 AA Lc 37.6 Elementos que não são texto, texto de placeholder
Texto #247AFD sobre branco 3.97:1 AA texto grande Lc 66.4 Texto de conteúdo, não para leitura longa
Texto #247AFD sobre preto 5.27:1 AA Lc -35.2 Elementos que não são texto, texto de placeholder

Tons claros e escuros de Clear 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.

  1. Passo 50

    50

    #F0F6FF

    oklch(97.1% 0.014 258.3)

  2. Passo 100

    100

    #DEEBFE

    oklch(93.6% 0.029 257.8)

  3. Passo 200

    200

    #C4DBFF

    oklch(88.6% 0.056 259.3)

  4. Passo 300

    300

    #9CC2FF

    oklch(80.9% 0.096 259.7)

  5. Passo 400

    400

    #64A0FF

    oklch(70.8% 0.153 259.2)

  6. Passo 500

    500 (esta cor)

    #247AFD

    oklch(60.6% 0.211 259.4)

  7. Passo 600

    600

    #0069F0

    oklch(55.7% 0.219 259.3)

  8. Passo 700

    700

    #0057CC

    oklch(49% 0.195 259.5)

  9. Passo 800

    800

    #0047A9

    oklch(42.7% 0.169 259.5)

  10. Passo 900

    900

    #093C89

    oklch(37.6% 0.139 259.6)

  11. Passo 950

    950

    #082450

    oklch(26.9% 0.088 259.4)

Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind

Clear 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ãoVista comoMudança (ΔE)
Protanopia (sem cones vermelhos)#138AFF0.039
Deuteranopia (sem cones verdes)#0076FA0.017
Tritanopia (sem cones azuis)#009AB00.160
Acromatopsia (sem cor)#7F7F7F0.212

Use Clear 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.