#2f4f4f
darkslategray / darkslategrey
Valores de color Notaciones de color: HEX (hexadecimal), RGB (luces primarias), HSL (matiz/saturación/luminosidad), CMYK (tintas de impresión, aproximado).
- HEX
-
#2f4f4f - RGB
-
rgb(47, 79, 79) - HSL
-
hsl(180, 25%, 25%) - OKLCH
-
oklch(40.3% 0.038 195.8) - CMYK
-
41% 0% 0% 69%
- Luminancia relativa Luminancia relativa: el brillo de un color, de 0 (negro) a 1 (blanco). Se usa para calcular el contraste WCAG.
- 0,0676
- Matiz Matiz: el tipo de un color (rojo, naranja, amarillo…). Dividimos el círculo cromático en 12 sectores.
- Cian
- Nombre de color CSS
- darkslategray / darkslategrey
Contraste
| Relación Relación de contraste: la diferencia de brillo entre dos colores, de 1:1 a 21:1. Cuanto mayor, más fácil de leer. | APCA (Lc) APCA: una medida de contraste perceptual más reciente del borrador de WCAG 3. Lc va de unos 0 a 106; cuanto mayor, más fácil de leer. El signo indica la polaridad (texto oscuro sobre claro, o claro sobre oscuro). | |
|---|---|---|
| Como fondo | ||
| Texto blanco | 8,93:1 | -95 |
| Texto negro | 2,35:1 | 14 |
| Como texto | ||
| Fondo blanco | 8,93:1 | 90 |
| Fondo negro | 2,35:1 | -12 |
Armonías cromáticas
Complementario Complementario: el color opuesto en el círculo (180°). Ambos se realzan mutuamente.
Análogos Análogos: vecinos en el círculo (unos ±15°). Forman una paleta cohesionada.
Complementario dividido Complementario dividido: los dos colores junto al complementario (180° ± 30°). Más suave que un complementario directo.
Tétrada Tétrada: cuatro colores separados de forma uniforme 90°. Buena para paletas con varios acentos.
Sombras y tintes Sombras y tintes: pasos más claros mezclados hacia el blanco (tintes) y más oscuros mezclados hacia el negro (sombras).
Impresiones Impresión: una etiqueta para la sensación que evoca un color: cálido, sereno, vivo, etc.
Vista previa de uso
Como fondo (texto negro)
Como fondo (texto blanco)
Como texto (fondo blanco)
Como texto (fondo negro)
Prueba una combinación
Fondo Texto