Ir para o conteúdo principal

Azul-médio

Tudo o que você precisa saber sobre azul médio para inspirar seu próximo design.

Obter paleta de cores

Escolha uma cor

Hex

RGB

HSB

HSL

Escolha as configurações da paleta

Paletas personalizadas

Azul médio é um tom calmante que se encontra entre o azul e o violeta na roda de cores. Seu tom é vibrante, mas equilibrado, lembrando um céu claro. Tons relacionados incluem azul centáurea e azul aço. Use azul médio em designs para evocar tranquilidade e foco.

color Azul médiocolor Azul médio

O azul médio é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.

  • Código Hex: #0000CD
  • Valor RGB: 0,0% vermelho, 0,0% verde, 80,4% azul

Considerações de acessibilidade são fundamentais na escolha de cores para design de UX e UI. O Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.

Para variações dentro do mesmo espectro do azul médio, considere:

  • Azul Cobalto (#0047AB): Captura a intensidade do azul médio com sua vibrante vivacidade e tom profundo, tornando-se um elemento essencial em tons de azul e uma escolha popular para cores frias.
  • Azul Celeste (#007FFF): Oferece um tom claro e brilhante, reminiscente do céu aberto, alinhando-se com o apelo clássico das combinações de cores do azul médio em paletas.
  • Azul Real (#305CDE): Exibe uma riqueza régia que complementa o azul médio, proporcionando uma profundidade que contribui avidamente para designs de paletas de cores diversas.
  • Cerúleo (#007BA7): Abrange as vibrações frescas e tranquilas do azul médio com seu tom suave e convidativo, perfeito para inspirar esquemas de cores frias em design.

Para complementar o azul médio, considere combiná-lo com:

  • Coral (#FF8559): Este tom quente contrasta lindamente com os tons frios do azul médio, adicionando um toque vibrante a qualquer paleta de design. A mistura cria uma composição envolvente e animada.
  • Amarelo Mostarda (#FFCE1B): O amarelo mostarda oferece um contraste ousado e inesperado ao azul médio, adicionando calor e riqueza. Juntos, criam uma paleta de cores sofisticada e equilibrada.
  • Pêssego (#FFD3AC): O pêssego adiciona um toque suave e quente ao azul médio, equilibrando sua frieza. Esta combinação evoca uma atmosfera serena e acolhedora, perfeita para designs leves e arejados.
  • Lavanda (#D3D3FF): A presença sutil e calmante da lavanda complementa as cores frias do azul médio. Esta combinação suave é ideal para criar um ambiente tranquilo e harmonioso.
  • Ferrugem (#B7410E): A ferrugem traz uma profundidade terrosa aos tons vibrantes e frios do azul médio. Esta mistura resulta em uma paleta de cores marcante e dinâmica que exibe riqueza e calor.

Embora o azul médio seja calmante e versátil, ele pode entrar em conflito com:

  • Vermelho Rosado (#FA003F): Este tom intenso e quente pode criar um contraste marcante que compete com o efeito calmante do azul médio, levando a uma combinação visualmente chocante.
  • Cinábrio (#E84B3D): O tom ousado e quente do cinábrio entra em conflito com a frieza do azul médio, criando uma discórdia visual que parece desconcertante.
  • Laranja Neon (#FF5C00): A vivacidade e alta saturação do laranja neon podem sobrecarregar o azul médio, fazendo com que a paleta pareça desequilibrada e agressiva.
  • Bordô (#7B1B38): Esta cor profunda e rica pode ofuscar o azul médio, resultando em uma combinação pesada que carece de harmonia.
  • Verde Esmeralda (#50C878): O contraste marcante entre o tom rico do verde esmeralda e o azul médio pode levar a uma paleta de cores desajustada.

Variações de cor

Sombras

Tonalidades

Tons

Matizes

Harmonias de cores

Complementar

Dividida

Monocromática

Análoga

Triádica

Quadrado

Paletas personalizadas

Maré de Citrino

Brasa Elétrica

Crepúsculo Cósmico

Verificador de contraste

Contraste 11,16

Texto grande

#0000CD

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #0000CD sobre fundo #FFFFFF.
Categoria
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado

Contraste 1,88

Texto grande

#0000CD

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #0000CD sobre fundo #000000.
Categoria
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado

Simulações de cor

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

A cor hexadecimal #0000CD, conhecida como Azul médio, tem valores RGB de R:0, G:0, B:205 e valores CMYK de C:100, M:100, Y:0, K:20.

VALUECSS
HEX#0000CD#0000CD
RGB DECIMAL0, 0, 205RGB(0,0,205)
RGB PERCENTAGE0.0, 0.0, 80.4RGB(0.0%,0.0%,80.4%)
CMYK100, 100, 0, 20
HSLHSL(240.0, 100.0%, 40.2%)HSL(240.0, 100.0%, 40.2%)
HSV (OR HSB)240.0°, 100.0, 80.4
WEB SAFE#00204#00204
BINARY00000000, 00000000, 11001101
iOS - SwiftUIColor(red: 0.000, green: 0.000, blue: 0.804)
iOS - UIKitUIColor(red: 0.000, green: 0.000, blue: 0.804, alpha: 1)
Android - ComposeColor(0xFF0000CD)
Obter paleta de cores