El cian oscuro es un tono azul verdoso profundo y calmante. En el círculo cromático, se encuentra entre el azul y el verde. Este tono rico y equilibrado evoca tranquilidad. Tonos relacionados incluyen el verde petróleo y el azul petróleo. Usa cian oscuro para crear una sensación serena y sofisticada en los diseños.
El cian oscuro se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #008B8B
- Valor RGB: 0.0% rojo, 54.5% verde, 54.5% 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 cian oscuro, considera:
- Verde petróleo (#069494): El verde petróleo combina la base del verde con matices azules, similar a la mezcla equilibrada de cian oscuro para un tono calmante.
- Azul verdoso (#00cec8): El azul verdoso ofrece un equilibrio fresco y vibrante con un claro tinte de azul y verde, similar a la mezcla armoniosa del cian oscuro.
- Azul pavo real (#096c6c): Con su carácter profundo y rico, el azul pavo real comparte la profundidad y complejidad del cian oscuro, ambos con una sofisticada mezcla de azul y verde.
- Turquesa (#40e0d0): El turquesa muestra una mezcla vívida de azul y verde, reflejando la vibra fresca y refrescante del cian oscuro con un toque ligeramente más brillante.
Para complementar el cian oscuro, considera emparejarlo con:
- Coral (#FF8559): Ligero y vibrante, el coral complementa el cian oscuro al añadir calidez y un toque de contraste juguetón.
- Durazno (#FFD3AC): Ofreciendo un contrapeso suave y terroso, el durazno interactúa armoniosamente con el cian oscuro para diseños equilibrados.
- Amarillo (#FFDE21): Brillante y alegre, el amarillo contrasta fuertemente con el cian oscuro, creando una combinación audaz y dinámica.
- Gris pizarra (#6D8196): Este tono neutro proporciona un fondo calmante, permitiendo que el cian oscuro destaque mientras mantiene una estética sofisticada.
- Verde oliva (#636B2F): Terroso y sólido, el verde oliva enriquece el cian oscuro, resaltando su profundidad y vibrancia.
Aunque el cian oscuro es sofisticado y relajante, puede chocar con:
- Naranja neón (#FF5C00): La intensa vibrancia del naranja neón puede abrumar al cian oscuro, creando un contraste marcado que resulta discordante.
- Amarillo brillante (#FFED29): La alta luminosidad del amarillo brillante puede opacar la calma del cian oscuro, llevando a un aspecto desequilibrado que resulta demasiado intenso.
- Escarlata (#ED2100): La calidez audaz del escarlata compite con los tonos fríos del cian oscuro, resultando en tensión visual y desarmonía.
- Fucsia (#FF00FF): La saturación vívida del fucsia contrasta fuertemente con el cian oscuro, potencialmente creando un efecto discordante y desarticulado.
- Verde lima (#89F336): La intensa luminosidad del verde lima contrasta marcadamente con el tono apagado del cian oscuro, llevando a una paleta visualmente discordante.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Especias del mar
Especias de verde petróleo
Ámbar acuático
Verificador de contraste
Contraste 4,15
- Texto grande
#008B8B
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Contraste 5,07
- Texto grande
#008B8B
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #008b8b, también conocido como Cian oscuro, tiene valores RGB de R:0, G:139, B:139 y 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) |
