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, celeste añade una atmósfera suave a los diseños. Es perfecto para crear una sensación refrescante y aireada.
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: #B2FFFF
- Valor RGB: 69.8% rojo, 100.0% 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 celeste, considera:
- Azul cielo (#82c8e5): El azul cielo ofrece una sensación ligera y aireada, similar a celeste, con su sutil toque de azul que evoca el cielo expansivo, 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 celeste, irradia calma y una cualidad etérea que puede realzar cualquier entorno pacífico.
- Azul polvo (#b8e3e9): El azul polvo se asemeja a 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 celeste. Su tono suave insinúa frescura y paz, evocando un ambiente sereno perfecto para paletas de colores sutiles y calmantes.
Para complementar celeste, considera emparejarlo con:
- Coral (#FF8559): Este tono cálido equilibra el tono frío de celeste, añadiendo vibración 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 de celeste, creando una paleta equilibrada y elegante.
- Azul brumoso (#B5C7EB): Un compañero perfecto para celeste, el azul brumoso realza las cualidades aireadas y serenas de un color celeste turquesa, añadiendo profundidad mientras mantiene una armonía azul suave.
- Durazno (#FFD3AC): Este tono suave y cálido complementa el matiz frío de celeste al introducir un toque de calidez, ofreciendo una combinación acogedora y refrescante.
- Rosa suave (#E89EB8): El tono pastel suave del rosa suave se alinea hermosamente con el color tranquilo de celeste, añadiendo un contraste sutil y armonioso para un aspecto sereno.
Aunque celeste es un turquesa sutil, puede chocar con:
- Verde bosque (#2E6F40): Su profundidad terrosa compite con la presencia aireada de celeste, creando una combinación desequilibrada.
- Marrón rojizo (#942222): La calidez apagada del marrón rojizo y las vibraciones frías de celeste entran en conflicto, llevando a una disonancia visual.
- Naranja quemado (#BE5103): La intensidad ardiente del naranja quemado compite ferozmente con el tono tranquilo de celeste.
- Azul real (#305CDE): La riqueza regia del azul real sobrepasa el tono suave y discreto de celeste.
- Rosa neón (#FF13F0): Su vibrante intensidad abruma el tono suave y calmante de celeste.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Niebla tropical
Algodón de azúcar
Melón escarchado
Verificador de contraste
Contraste 1,13
- Texto grande
#B2FFFF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 18,64
- Texto grande
#B2FFFF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #B2FFFF, también conocido como 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) |
