El cerúleo es un azul cielo relajante con un tono fresco y calmado. Situado entre el azul y el verde en la rueda de colores, evoca la serena belleza del azul oceánico. Tonos cercanos incluyen azul celeste y verde petróleo. Usa cerúleo para aportar tranquilidad a los diseños, perfecto para crear espacios refrescantes y aireados.
El cerúleo se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #007BA7
- Valor RGB: 0.0% rojo, 48.2% verde, 65.5% 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 cerúleo, considera:
- Azul cielo (#82C8E5): El azul cielo ofrece una disposición ligera y aireada similar al cerúleo, mezclando toques de azul y blanco para capturar la apertura de un cielo despejado.
- Azul polvo (#B8E3E9): Con un tono suave y apagado, el azul polvo comparte las cualidades tranquilas y refrescantes del cerúleo, evocando la suavidad de un día sin nubes.
- Aqua (#00FFF0): Aqua aporta un toque vívido, similar a la naturaleza animada del cerúleo, presentando una mezcla de azul y verde que refleja la claridad de las aguas turquesas.
- Turquesa (#40E0D0): El turquesa presenta una variación dinámica y vibrante, reminiscente de la energía del cerúleo, con una mezcla armoniosa de tonos azules y verdes que evocan frescura oceánica.
Para complementar el cerúleo, considera emparejarlo con:
- Naranja quemado (#BE5103): Proporciona un contraste llamativo al calmado azul oceánico del cerúleo, creando una paleta de colores dinámica y cálida.
- Amarillo mostaza (#FFCE1B): Ofrece un contraste audaz y soleado que resalta el tono fresco y refrescante del cerúleo.
- Coral (#FF8559): Realza el tono azul del cerúleo con sus vibrantes matices cálidos, creando un atractivo animado y energético.
- Durazno (#FFD3AC): Suaviza la intensidad del cerúleo, ofreciendo un contraste suave y pastel que evoca una estética serena y equilibrada.
Aunque el cerúleo es conocido por su tono fresco y presencia calmante, puede chocar con:
- Rojo carmesí (#B22222): Con su tono profundo y audaz, el rojo carmesí crea un contraste discordante contra la esencia calmada y fresca del cerúleo, llevando a una combinación incómoda.
- Bermellón (#E73121): Este tono ardiente posee una calidez impactante que compite con la vibra relajada del cerúleo, causando un conflicto visual intenso.
- Naranja neón (#FF5C00): La naturaleza vibrante y llamativa del naranja neón puede eclipsar al cerúleo, resultando en una paleta de colores discordante.
- Rosa fucsia (#FF46A2): El tono vívido y energético del rosa fucsia puede abrumar la presencia tranquila del cerúleo, rompiendo la armonía de la combinación.
- Amarillo-naranja (#FFB343): La calidez y el brillo del amarillo-naranja chocan con el tono fresco del cerúleo, creando un contraste marcado que puede sentirse inquietante.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Viaje Aqua
Mareas de Cobre
Viaje Ártico
Verificador de contraste
Contraste 4,78
- Texto grande
#007BA7
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 4,39
- Texto grande
#007BA7
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #007BA7, también conocido como Cerúleo, tiene valores RGB de R:0, G:123, B:167 y valores CMYK de C:100, M:26, Y:0, K:35.
| VALUE | CSS | |
|---|---|---|
| HEX | #007BA7 | #007BA7 |
| RGB DECIMAL | 0, 123, 167 | RGB(0,123,167) |
| RGB PERCENTAGE | 0.0, 48.2, 65.5 | RGB(0.0%,48.2%,65.5%) |
| CMYK | 100, 26, 0, 35 | |
| HSL | HSL(195.8, 100.0%, 32.7%) | HSL(195.8, 100.0%, 32.7%) |
| HSV (OR HSB) | 195.8°, 100.0, 65.5 | |
| WEB SAFE | #0102153 | #0102153 |
| BINARY | 00000000, 01111011, 10100111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.482, blue: 0.655) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.482, blue: 0.655, alpha: 1) | |
| Android - Compose | Color(0xFF007BA7) |
