El azul celeste es un color calmado y fresco, como un cielo despejado. Se sitúa entre el azul y el cian en la rueda de colores. Este tono brillante se asemeja al mar y está vinculado a la tranquilidad. Tonos relacionados incluyen cerúleo y turquesa. ¡Perfecto para diseños que necesitan frescura y un toque de serenidad!
El azul celeste se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #007FFF
- Valor RGB: 0.0% rojo, 49.8% verde, 100.0% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
Para variaciones dentro del mismo espectro que el azul celeste, considera:
- Azul cielo (#82c8e5): El azul cielo se asemeja mucho al azul celeste con su tono ligero y aireado que refleja el cielo abierto. Comparte una vibra igualmente calmante y refrescante, perfecta para evocar una sensación de amplitud.
- Azul bebé (#8fd9fb): El azul bebé comparte la calidad suave y delicada del azul celeste. Su ligereza y brillo capturan la esencia relajante de un cielo claro y sereno.
- Azul claro (#90d5ff): El azul claro se alinea con la apariencia brillante y alegre del azul celeste. Mantiene un nivel similar de intensidad y claridad, recordando las aguas tropicales bajo el sol.
- Azul polvo (#b8e3e9): El azul polvo ofrece una versión suave y pastel del azul celeste, conservando sus cualidades tranquilas y pacíficas. Evoca los tonos sutiles de un mar calmado o un cielo despejado al atardecer.
Para complementar el azul celeste, considera emparejarlo con:
- Coral (#FF8559): Este tono cálido resalta la vibrancia del azul celeste, creando una paleta animada y energética que es a la vez refrescante y equilibrada.
- Durazno (#FFD3AC): Este color suave ofrece un contraste delicado con el azul celeste, produciendo una mezcla soñadora y armoniosa que evoca cielos al atardecer.
- Verde menta (#ADEBB3): Este verde claro y refrescante complementa el azul celeste con sus matices fríos, realzando la tranquilidad de ambos colores.
- Amarillo mostaza (#FFCE1B): Este tono cálido y audaz crea un contraste llamativo con el azul celeste, añadiendo profundidad y emoción a cualquier diseño.
- Azul marino (#000080): Este azul profundo y rico proporciona una combinación clásica con el azul celeste, enfatizando un aspecto sofisticado y cohesivo.
Aunque el azul celeste es brillante, vibrante y recuerda a cielos despejados, puede chocar con:
- Verde neón (#2CFF05): El brillo intenso del verde neón puede opacar la calma del azul celeste, creando un efecto visual discordante.
- Amarillo brillante (#FFED29): Su alta luminosidad puede competir con la claridad del azul celeste, llevando a una falta de armonía en una paleta.
- Escarlata (#ED2100): La calidez intensa del escarlata puede crear un contraste fuerte con el tono frío del azul celeste, resultando en una discordia visual.
- Carbón (#4A4A4A): La naturaleza pesada y oscura del carbón puede opacar la vibrancia del azul celeste, causando una paleta desequilibrada.
- Rojo anaranjado (#FF4B33): Su intensidad cálida puede chocar con el tono más frío del azul celeste, llevando a un choque de saturación que puede parecer abrumador.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Atardecer eléctrico
Aqua Ember
Neo Waves
Verificador de contraste
Contraste 3,83
- Texto grande
#007FFF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Contraste 5,48
- Texto grande
#007FFF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #007FFF, también conocido como Azul celeste, tiene valores RGB de R:0, G:127, B:255 y valores CMYK de C:100, M:50, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #007FFF | #007FFF |
| RGB DECIMAL | 0, 127, 255 | RGB(0,127,255) |
| RGB PERCENTAGE | 0.0, 49.8, 100.0 | RGB(0.0%,49.8%,100.0%) |
| CMYK | 100, 50, 0, 0 | |
| HSL | HSL(210.1, 100.0%, 50.0%) | HSL(210.1, 100.0%, 50.0%) |
| HSV (OR HSB) | 210.1°, 100.0, 100.0 | |
| WEB SAFE | #0102255 | #0102255 |
| BINARY | 00000000, 01111111, 11111111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.498, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.498, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF007FFF) |
