Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el Turquesa oscuro?
El turquesa oscuro es un tono rico y calmante que mezcla azul y verde. Se sitúa entre el verde petróleo—un azul verdoso profundo—y el turquesa clásico en la rueda de colores. Este tono similar a una joya es perfecto para añadir una vibra serena a los diseños. Combínalo con coral u oro para un contraste impactante en tus proyectos.
El turquesa 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: #00CED1
- Valor RGB: 0.0% rojo, 80.8% verde, 82.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 el turquesa oscuro, considera:
- Cian oscuro (#008B8B): ** El cian oscuro se asemeja mucho al turquesa oscuro con su rica mezcla azul-verde, capturando la esencia acuática profunda que define ambos tonos.
- Verde petróleo (#069494): ** El verde petróleo presenta una versión ligeramente más brillante del turquesa oscuro, manteniendo la calidad similar a una joya con su fusión equilibrada de azul y verde.
- Verde jade (#00BB77): ** El verde jade ofrece una variación más vibrante mientras comparte el tono sereno y acuático característico de los tonos de turquesa oscuro.
- Azul menta (#98FBCB): ** El azul menta ofrece una versión más ligera y fresca, evocando el tinte marino relajante y las cualidades vigorizantes similares al turquesa oscuro.
Para complementar el Turquesa Oscuro (#00CED1), considera combinarlo con:
- Coral (#FF8559): Los tonos cálidos y suaves del coral proporcionan un contraste impactante con la profundidad acuática y fresca del Turquesa Oscuro, creando un aspecto vivo y equilibrado.
- Durazno (#FFD3AC): Con sus tonos suaves y apagados, el durazno complementa la frescura vibrante del Turquesa Oscuro, ofreciendo una combinación serena y armoniosa.
- Amarillo mostaza (#FFCE1B): Los tonos ricos y terrosos del amarillo mostaza crean un contraste audaz y energizante con el azul verdoso fresco y profundo del Turquesa Oscuro, recordando un día marino soleado.
- Lavanda (#D3D3FF): La calidad suave y pastel de la lavanda equilibra la intensidad del Turquesa Oscuro, introduciendo una sensación de calma y tranquilidad a tu paleta.
- Rosa salmón (#FF91A4): Este color juguetón realza las vibras oceánicas del Turquesa Oscuro, añadiendo un elemento de calidez y fantasía a tu diseño.
Mientras que el turquesa oscuro es un cautivador azul verdoso profundo que evoca un tono acuático, puede chocar con:
- Rosa neón (#FF13F0): La intensidad brillante del rosa neón compite con el turquesa oscuro, creando un contraste desorientador.
- Naranja quemado (#BE5103): Este tono cálido y rico contrasta fuertemente con el tinte marino fresco del turquesa oscuro, resultando en una combinación visualmente discordante.
- Escarlata (#ED2100): La calidez roja y vívida del escarlata puede sobrepasar la naturaleza calmante del turquesa oscuro, causando tensión visual.
- Chartreuse (#CCFF00): Este vibrante tono amarillo-verde eclipsa el turquesa oscuro, chocando con su profundidad oceánica y creando un efecto discordante.
- Fucsia (#FF00FF): La vibrante saturación del fucsia ofrece un contraste marcado con el turquesa oscuro, llevando a una paleta que se siente visualmente agresiva.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Brasa Tropical
Brasa Verde
Aqua Chic
Verificador de contraste
Contraste 1,95
- Texto grande
#00CED1
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 10,75
- Texto grande
#00CED1
- 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 #00CED1, también conocido como Turquesa oscuro, tiene valores RGB de R:0, G:206, B:209 y valores CMYK de C:100, M:1, Y:0, K:18.
| VALUE | CSS | |
|---|---|---|
| HEX | #00CED1 | #00CED1 |
| RGB DECIMAL | 0, 206, 209 | RGB(0,206,209) |
| RGB PERCENTAGE | 0.0, 80.8, 82.0 | RGB(0.0%,80.8%,82.0%) |
| CMYK | 100, 1, 0, 18 | |
| HSL | HSL(180.9, 100.0%, 41.0%) | HSL(180.9, 100.0%, 41.0%) |
| HSV (OR HSB) | 180.9°, 100.0, 82.0 | |
| WEB SAFE | #0204204 | #0204204 |
| BINARY | 00000000, 11001110, 11010001 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.808, blue: 0.820) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.808, blue: 0.820, alpha: 1) | |
| Android - Compose | Color(0xFF00CED1) |
