El azul acero es un tono frío que evoca calma y sofisticación. Se encuentra en el espectro azul de la rueda de colores, con toques de gris. Tonos relacionados incluyen pizarra y celeste. Perfecto para diseño de interiores o web, añade profundidad y tranquilidad a espacios o diseños. Experimenta con este color versátil para lograr una estética visual equilibrada.
El azul acero se define por los siguientes códigos y valores de color para asegurar consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #4682B4
- Valor RGB: 27.5% rojo, 51.0% verde, 70.6% 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 acero, considera:
- Azul pizarra (#557c99): El azul pizarra presenta un tono suave y apagado con un sutil matiz grisáceo, que se asemeja a las cualidades calmantes y versátiles del azul acero.
- Peltre (#909eae): Al igual que el azul acero, el peltre tiene una mezcla equilibrada de azul y gris, creando una apariencia fresca y discreta perfecta para añadir un toque de elegancia sofisticada.
- Azul cadete (#5F9EA0): El azul cadete refleja de cerca al azul acero con su combinación tranquila de azul y gris, ofreciendo una paleta igualmente relajante y neutral para diversas aplicaciones de diseño.
- Chambray (#A4C8E1): Chambray presenta una versión más clara y suave del azul acero, entregando una vibra ligera y serena con un toque de azul que mantiene la armonía visual en el diseño.
Para complementar el azul acero, considera emparejarlo con:
- Coral (#FF8559): Añade calidez y vitalidad, creando una paleta acogedora y equilibrada que resalta el tono frío del azul acero.
- Amarillo mostaza (#FFCE1B): Proporciona un contraste llamativo que evoca energía y profundidad, perfecto para un diseño interior único y opciones de pintura cautivadoras.
- Azul menta (#98FBCB): Ofrece una mezcla armoniosa que realza las cualidades serenas del azul acero, ideal para ambientes frescos y calmantes.
- Durazno (#FFD3AC): Introduce un toque suave y cálido que complementa el tono frío del azul acero, contribuyendo a una atmósfera relajante y acogedora.
- Azafrán (#F1C338): Complementa el azul acero con un contraste rico y vivo, perfecto para crear paletas de colores dinámicas y modernas que se adaptan a las tendencias de diseño actuales.
Aunque el azul acero es un tono frío a menudo utilizado en tendencias de diseño por su vibra calmante y sofisticada, puede chocar con:
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Olas de celeste
Brasa costera
Salpicadura crepuscular
Verificador de contraste
Contraste 4,11
- Texto grande
#4682B4
- 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,11
- Texto grande
#4682B4
- 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 #4682B4, también conocido como Azul acero, tiene valores RGB de R:70, G:130, B:180 y valores CMYK de C:61, M:28, Y:0, K:29.
| VALUE | CSS | |
|---|---|---|
| HEX | #4682B4 | #4682B4 |
| RGB DECIMAL | 70, 130, 180 | RGB(70,130,180) |
| RGB PERCENTAGE | 27.5, 51.0, 70.6 | RGB(27.5%,51.0%,70.6%) |
| CMYK | 61, 28, 0, 29 | |
| HSL | HSL(207.3, 44.0%, 49.0%) | HSL(207.3, 44.0%, 49.0%) |
| HSV (OR HSB) | 207.3°, 61.1, 70.6 | |
| WEB SAFE | #51153204 | #51153204 |
| BINARY | 01000110, 10000010, 10110100 | |
| iOS - SwiftUI | Color(red: 0.275, green: 0.510, blue: 0.706) | |
| iOS - UIKit | UIColor(red: 0.275, green: 0.510, blue: 0.706, alpha: 1) | |
| Android - Compose | Color(0xFF4682B4) |
