Ciano escuro é um tom profundo e calmante de azul-esverdeado. No círculo cromático, ele se encontra entre o azul e o verde. Este tom rico e equilibrado evoca tranquilidade. Tons relacionados incluem teal e azul petróleo. Use ciano escuro para criar uma sensação serena e sofisticada em designs.
Ciano Escuro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #008B8B
- Valor RGB: 0,0% vermelho, 54,5% verde, 54,5% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. 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 Ciano Escuro, considere:
- Teal (#069494): Teal combina a base do verde com tons de azul, semelhante à mistura equilibrada de Ciano Escuro para um tom calmante.
- Azul-esverdeado (#00cec8): Azul-esverdeado oferece um equilíbrio fresco e vibrante com um toque claro de azul e verde, muito parecido com a mistura harmoniosa de Ciano Escuro.
- Azul Pavão (#096c6c): Com seu caráter profundo e rico, Azul Pavão compartilha a profundidade e complexidade do Ciano Escuro, ambos apresentando uma mistura sofisticada de azul e verde.
- Turquesa (#40e0d0): Turquesa exibe uma mistura vívida de azul e verde, ecoando a vibração refrescante do Ciano Escuro com um toque ligeiramente mais brilhante.
Para complementar o Ciano Escuro, considere combiná-lo com:
- Coral (#FF8559): Leve e vibrante, coral complementa o ciano escuro adicionando calor e um toque de contraste lúdico.
- Pêssego (#FFD3AC): Oferecendo um contrapeso suave e terroso, pêssego interage harmoniosamente com ciano escuro para designs equilibrados.
- Amarelo (#FFDE21): Brilhante e alegre, amarelo contrasta fortemente com ciano escuro, criando uma combinação ousada e dinâmica.
- Cinza Ardósia (#6D8196): Este tom neutro fornece um fundo calmante, permitindo que o ciano escuro se destaque enquanto mantém uma estética sofisticada.
- Verde Oliva (#636B2F): Terroso e fundamentado, verde oliva enriquece o ciano escuro, destacando sua profundidade e vivacidade.
Embora o Ciano Escuro seja sofisticado e calmante, ele pode entrar em conflito com:
- Laranja Neon (#FF5C00): A intensa vivacidade do Laranja Neon pode sobrecarregar o Ciano Escuro, criando um contraste marcante que parece chocante.
- Amarelo Brilhante (#FFED29): O alto brilho do Amarelo Brilhante pode sobrepujar a calma do Ciano Escuro, levando a um visual desequilibrado e muito intenso.
- Escarlate (#ED2100): O calor ousado do Escarlate compete com os tons frios do Ciano Escuro, resultando em tensão visual e desarmonia.
- Fúcsia (#FF00FF): A saturação vívida do Fúcsia contrasta fortemente com o Ciano Escuro, potencialmente criando um efeito dissonante e desconexo.
- Verde Limão (#89F336): O brilho intenso do Verde Limão contrasta fortemente com o tom suave do Ciano Escuro, levando a uma paleta visualmente discordante.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Especiaria à Beira-mar
Especiaria Teal
Brasa Aqua
Verificador de contraste
Contraste 4,15
- Texto grande
#008B8B
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 5,07
- Texto grande
#008B8B
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #008b8b, conhecida como Ciano Escuro, tem valores RGB de R:0, G:139, B:139 e valores CMYK de C:100, M:0, Y:0, K:45.
| VALUE | CSS | |
|---|---|---|
| HEX | #008b8b | #008b8b |
| RGB DECIMAL | 0, 139, 139 | RGB(0,139,139) |
| RGB PERCENTAGE | 0.0, 54.5, 54.5 | RGB(0.0%,54.5%,54.5%) |
| CMYK | 100, 0, 0, 45 | |
| HSL | HSL(180.0, 100.0%, 27.3%) | HSL(180.0, 100.0%, 27.3%) |
| HSV (OR HSB) | 180.0°, 100.0, 54.5 | |
| WEB SAFE | #0153153 | #0153153 |
| BINARY | 00000000, 10001011, 10001011 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.545, blue: 0.545) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.545, blue: 0.545, alpha: 1) | |
| Android - Compose | Color(0xFF008B8B) |