Paleta de colores

Color azur

Un azul brillante e intenso entre el azul puro y el cian, como un cielo despejado a mediodía. El nombre viene del lapislázuli a través del persa y del francés, y se usa mucho en webs, banderas y marcas frescas.

También llamado: azul azur, azul celeste vivo.

El código HEX del color azur es #007FFF. En RGB es rgb(0, 127, 255), en HSL es hsl(210, 100%, 50%) y en CMYK es 100, 50, 0, 0.

Pruébalo en la vida real

Elige un color para combinar y mira cómo queda en ropa, decoración y diseño.

Colores parecidos al azur

Azul eléctrico#2C75FFAzul rey#4169E1Azul zafiro#0F52BAAzul mezclilla#1560BDAzul pizarra#6A5ACDAzul aciano#6495ED

Datos del color azur

El azur (#007FFF) es un color frío, de luminosidad media y muy saturado. Pertenece a la familia de los azules. Se mezcla con 0 de rojo, 127 de verde y 255 de azul (sobre 255). Se usa sobre todo en web, branding, deportes.

Muestra del color Azur con sus tonos de claro a oscuro · #007FFF
Azur · #007FFF

Qué significa el color azur

El azul es el color de la confianza, la calma y la serenidad. Recuerda al cielo y al mar, por eso transmite estabilidad y profesionalismo. En el caso del color azur, se usa sobre todo en web, branding y deportes.

Tonos del azur: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Ve todos sus tonos: Generador de gama de colores

Colores de ropa por estación y estilo80 paletas para hombre y mujer, con 8 looks para copiar en cada una: lujo silencioso, playa, montaña, oficina y más.Ver paletas de ropa

Armonías del color azur

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Naranja
AnálogosCercano a: Cian, Azul
TríadaCercano a: Rosa fuerte, Chartreuse
Complementario divididoCercano a: Rojo, Amarillo
TétradaCercano a: Magenta, Naranja, Verde neón

Paletas con el color azur

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Azur
Paleta Análoga · Azur
Paleta Complementaria · Azur
Paleta Tríada · Azur
Paleta Con neutros · Azur
Paleta Con acento · Azur

Contraste del azur con texto

Texto blancoContraste 3.8:1 · AA texto grande
Texto negroContraste 5.5:1 · AA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --azur: #007FFF;
  --azur-rgb: 0, 127, 255;
}
.fondo { background-color: var(--azur); }
.texto { color: var(--azur); }

Colores parecidos al azur

Azul cobaltoAzul FranciaAmatistaAzul Klein

Dónde verás este color

GoogleMarcasFacebookMarcas

Paletas temáticas con este color

Otros azules

AzulAzul marinoCelesteAzul cobaltoAzul zafiroAzul aceroAzul reyAzul eléctricoAzul medianocheAzul ultramarAzul FranciaAzul de PrusiaAzul pastelAzul bebéAzul mezclillaAzul KleinAzul oscuroAzul claroAzul cerúleoAzul pervincaAzul acianoAzul empolvadoAzul océanoAzul polvo
Muestra del color Azur con sus tonos de claro a oscuro · #007FFF
Muestra del color Azur con sus tonos de claro a oscuro · #007FFF

Prueba también

Paleta de colores de tu nombreEscribe un nombre y obtén tu propia paleta de coloresColor de la suerte de hoyTu color de la suerte diario según tu signoForma de rostroDescubre tu forma de cara, cortes y lentes ideales
Ver todas las herramientas gratis →

Preguntas frecuentes

¿Qué significa el color azur?

El azul es el color de la confianza, la calma y la serenidad. Recuerda al cielo y al mar, por eso transmite estabilidad y profesionalismo. En el caso del color azur, se usa sobre todo en web, branding y deportes.

¿Cuál es el código del color azur?

El código HEX del color azur es #007FFF. En RGB es rgb(0, 127, 255), en HSL es hsl(210, 100%, 50%) y en CMYK es 100, 50, 0, 0.

¿Qué color es el complementario del azur?

Su complementario en el círculo cromático es #FF8000, un tono cercano al naranja. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color azur?

Mejor usa texto negro: el contraste con blanco es solo 3.8:1, mientras que con negro es 5.5:1.