O azul turquesa é um tom calmante e vibrante que se encontra entre o azul e o verde na roda de cores. É uma tonalidade refrescante que lembra as águas claras do oceano, com tons relacionados como aqua e teal. Experimente usá-lo no design para criar uma atmosfera serena e convidativa.
O azul turquesa é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #00FFEF
- Valor RGB: 0,0% vermelho, 100,0% verde, 93,7% azul
Os critérios de acessibilidade são fundamentais na escolha de cores no design de UX e UI. O Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Para variações dentro do mesmo espectro do azul turquesa, considere:
- Aqua (#00fff0): Aqua compartilha uma conexão com o Azul Turquesa através de uma mistura semelhante de azul e verde, representando a essência refrescante da água clara.
- Azul Tiffany (#81d8d0): Com seu apelo fresco e elegante, o Azul Tiffany oferece uma versão ligeiramente mais suave e atenuada do Azul Turquesa, convidando a uma sensação de sofisticação refinada.
- Verde Mar (#2E8B57): Incorporando mais verde, o Verde Mar mantém a sensação calma e aquática encontrada no Azul Turquesa, ecoando a tranquilidade dos ambientes marinhos.
- Água-marinha (#66f1c2): A Água-marinha incorpora uma perspectiva mais clara e brilhante do Azul Turquesa, canalizando a beleza serena e translúcida dos tons oceânicos.
Para complementar o Azul Turquesa, considere combiná-lo com:
- Coral (#FF8559): O Coral adiciona calor e vivacidade, criando uma combinação animada e atraente que energiza os designs.
- Azul Marinho (#000080): O Azul Marinho oferece um contraste forte e fundamentado que realça o brilho do Azul Turquesa, mantendo um visual sofisticado.
- Areia (#Cbbd93): A Areia introduz um tom terroso e neutro que equilibra a vivacidade do Azul Turquesa, evocando uma sensação relaxante inspirada na praia.
- Carvão (#4A4A4A): O Carvão oferece um contraste moderno e elegante, permitindo que o Azul Turquesa brilhe e adicionando profundidade à sua paleta.
- Limão (#FFF700): O Limão introduz um contraste brilhante e alegre, criando uma parceria fresca e dinâmica que realça os tons lúdicos do Azul Turquesa.
Embora o Azul Turquesa seja vibrante e cativante, ele pode entrar em conflito com:
- Bordô (#660033): O Bordô, com seu tom profundo e escuro, pode sobrecarregar a energia viva do azul turquesa, criando uma tensão visual pesada e desequilibrada.
- Laranja (#FFA500): A ousadia do laranja pode entrar em conflito com a natureza fria e calma do azul turquesa, fazendo a combinação parecer caótica e excessivamente contrastante.
- Escarlate (#ED2100): O calor intenso do escarlate se opõe diretamente ao comportamento frio do azul turquesa, levando a um conflito em vez de uma mistura harmoniosa.
- Rosa Neon (#FF13F0): A aparência brilhante e chamativa do rosa neon compete por atenção com o azul turquesa, criando um efeito visual dissonante e avassalador.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Brilho Tropical
Brisa Elétrica
Lagoa Neon
Verificador de contraste
Contraste 1,27
- Texto grande
#00FFEF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 16,55
- Texto grande
#00FFEF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #00FFEF, conhecida como Azul turquesa, tem valores RGB de R:0, G:255, B:239 e 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) |
