El celeste es un tono azul claro y calmante que evoca la serenidad de un cielo despejado. En la rueda de colores, se sitúa entre el azul y el verde. Relacionado con el azul pastel y el azul cielo, el celeste añade una atmósfera suave a los diseños. Es perfecto para crear una sensación refrescante y aireada.
El celeste se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #B2FFFF
- Valor RGB: 69.8% rojo, 100.0% verde, 100.0% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Para variaciones dentro del mismo espectro que el celeste, considera:
- Azul Cielo (#82c8e5): El azul cielo ofrece una sensación ligera y aireada, similar al celeste, con su sutil toque de azul que evoca el cielo expansivo arriba, una elección natural para una atmósfera tranquila y calmada.
- Azul Claro (#90d5ff): El azul claro captura una esencia suave y serena con su tono suave y calmante. Al igual que el celeste, irradia calma y una calidad etérea que puede realzar cualquier entorno pacífico.
- Azul Polvo (#b8e3e9): El azul polvo se asemeja al celeste con su delicado tono pastel y presencia aireada, perfecto para añadir un susurro de tranquilidad a cualquier espacio, similar a un cielo de madrugada.
- Azul Pastel (#b3ebf2): El azul pastel comparte una calidad suave y apagada con el celeste. Su tono suave insinúa tanto frescura como paz, evocando un ambiente sereno perfecto para paletas de colores sutiles y calmantes.
Para complementar el celeste, considera emparejarlo con:
- Coral (#FF8559): Este tono cálido equilibra el tono frío del celeste, añadiendo vitalidad y energía sin abrumar la delicada tranquilidad del color base.
- Oro Rosa (#DEA193): Con su sutil brillo metálico, el oro rosa proporciona un contraste sofisticado y cálido al refrescante matiz del celeste, creando una paleta equilibrada y elegante.
- Azul Nebuloso (#B5C7EB): Un compañero perfecto para el celeste, el azul nebuloso realza las cualidades aireadas y serenas de un color celeste turquesa, añadiendo profundidad mientras mantiene una armonía azul suave.
- Melocotón (#FFD3AC): Este tono suave y cálido complementa el matiz frío del celeste al introducir un toque de calidez, ofreciendo una combinación acogedora pero refrescante.
- Rosa Suave (#E89EB8): El tono pastel suave del rosa suave se alinea hermosamente con el color tranquilo del celeste, añadiendo un contraste sutil y armonioso para un aspecto sereno.
Aunque el celeste es un turquesa sutil, puede chocar con:
- Verde Bosque (#2E6F40): Su profundidad terrosa compite con la presencia aireada del celeste, creando una combinación desequilibrada.
- Marrón Rojizo (#942222): La calidez apagada del marrón rojizo y las vibraciones frías del celeste entran en conflicto, llevando a una disonancia visual.
- Naranja Quemado (#BE5103): La intensidad ardiente del naranja quemado compite ferozmente con el tono tranquilo del celeste.
- Azul Real (#305CDE): La riqueza regia del azul real sobrepasa el tono suave y discreto del celeste.
- Rosa Neón (#FF13F0): Su vibrante intensidad abruma el tono suave y calmante del celeste.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Niebla Tropical
Algodón de Azúcar
Melón Escarchado
Comprobador de contraste
Contraste 1,13
- Texto largo
#B2FFFF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 18,64
- Texto largo
#B2FFFF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #B2FFFF, también llamado Celeste, tiene valores RGB de R:178, G:255, B:255 y valores CMYK de C:30, M:0, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #B2FFFF | #B2FFFF |
| RGB DECIMAL | 178, 255, 255 | RGB(178,255,255) |
| RGB PERCENTAGE | 69.8, 100.0, 100.0 | RGB(69.8%,100.0%,100.0%) |
| CMYK | 30, 0, 0, 0 | |
| HSL | HSL(180.0, 100.0%, 84.9%) | HSL(180.0, 100.0%, 84.9%) |
| HSV (OR HSB) | 180.0°, 30.2, 100.0 | |
| WEB SAFE | #153255255 | #153255255 |
| BINARY | 10110010, 11111111, 11111111 | |
| iOS - SwiftUI | Color(red: 0.698, green: 1.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.698, green: 1.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFFB2FFFF) |