Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con azul turquesa?
El azul turquesa es un tono calmante y vibrante que se encuentra entre el azul y el verde en la rueda de colores. Es un matiz refrescante que recuerda a las aguas claras del océano, con tonos relacionados como aqua y verde petróleo. Intenta usarlo en el diseño para crear una atmósfera serena y acogedora.
El azul turquesa se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #00FFEF
- Valor RGB: 0.0% rojo, 100.0% verde, 93.7% 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 turquesa, considera:
- Aqua (#00fff0): Aqua comparte una conexión con el azul turquesa a través de una mezcla similar de azul y verde, representando la esencia refrescante del agua clara.
- Azul Tiffany (#81d8d0): Con su atractivo fresco y elegante, el azul Tiffany ofrece una versión ligeramente más suave y atenuada del azul turquesa, invitando a una sensación de sofisticación refinada.
- Verde mar (#2E8B57): Aunque incorpora más verde, el verde mar mantiene la sensación calmante y acuática que se encuentra en el azul turquesa, evocando la tranquilidad de los entornos marinos.
- Aguamarina (#66f1c2): La aguamarina encarna una perspectiva más clara y brillante del azul turquesa, canalizando la belleza serena y translúcida de los tonos oceánicos.
Para complementar el azul turquesa, considera emparejarlo con:
- Coral (#FF8559): El coral añade calidez y vitalidad, creando una combinación animada y llamativa que energiza los diseños.
- Azul marino (#000080): El azul marino proporciona un fuerte contraste que realza el brillo del azul turquesa mientras mantiene un aspecto sofisticado.
- Arena (#Cbbd93): La arena introduce un tono terroso y neutral que equilibra la vibración del azul turquesa, evocando una sensación relajada e inspirada en la playa.
- Carbón (#4A4A4A): El carbón ofrece un contraste moderno y elegante, permitiendo que el azul turquesa brille y añadiendo profundidad a tu paleta.
- Limón (#FFF700): El limón introduce un contraste brillante y alegre, creando una asociación fresca y dinámica que realza los matices juguetones del azul turquesa.
Aunque el azul turquesa es vibrante y cautivador, puede chocar con:
- Burdeos (#660033): El burdeos, con su tono profundo y oscuro, puede dominar la energía viva del azul turquesa, creando una tensión visual pesada y desequilibrada.
- Naranja (#FFA500): La audacia del naranja puede chocar con la naturaleza fresca y calmante del azul turquesa, haciendo que la combinación se sienta caótica y excesivamente contrastante.
- Escarlata (#ED2100): La calidez intensa del escarlata se opone directamente al carácter fresco del azul turquesa, llevando a un conflicto en lugar de una mezcla armoniosa.
- Rosa neón (#FF13F0): La apariencia brillante y llamativa del rosa neón compite por la atención con el azul turquesa, creando un efecto visual disonante y abrumador.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Brillo Tropical
Brisa Eléctrica
Laguna Neón
Verificador de contraste
Contraste 1,27
- Texto grande
#00FFEF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 16,55
- Texto grande
#00FFEF
- 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 #00FFEF, también conocido como Azul turquesa, tiene valores RGB de R:0, G:255, B:239 y valores CMYK de C:100, M:0, Y:6, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #00FFEF | #00FFEF |
| RGB DECIMAL | 0, 255, 239 | RGB(0,255,239) |
| RGB PERCENTAGE | 0.0, 100.0, 93.7 | RGB(0.0%,100.0%,93.7%) |
| CMYK | 100, 0, 6, 0 | |
| HSL | HSL(176.2, 100.0%, 50.0%) | HSL(176.2, 100.0%, 50.0%) |
| HSV (OR HSB) | 176.2°, 100.0, 100.0 | |
| WEB SAFE | #0255255 | #0255255 |
| BINARY | 00000000, 11111111, 11101111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 1.000, blue: 0.937) | |
| iOS - UIKit | UIColor(red: 0.000, green: 1.000, blue: 0.937, alpha: 1) | |
| Android - Compose | Color(0xFF00FFEF) |
