Color Plateado: código #C0C0C0

Plateado

#C0C0C0

Códigos del color

  • HEX#C0C0C0
  • RGBrgb(192, 192, 192)
  • HSLhsl(0, 0%, 75%)
  • HSVhsv(0, 0%, 75%)
  • CMYKcmyk(0%, 0%, 0%, 25%)
  • LABlab(77.7% 0 0)
  • OKLCHoklch(80.8% 0 0)

Sobre el color Plateado

Plateado tiene el código HEX #C0C0C0, que corresponde a rgb(192, 192, 192) en el modelo RGB. En el círculo cromático, su tono está en 0°, con 0% de saturación y 75% de luminosidad (hsl(0, 0%, 75%)).

Con una saturación muy baja (o una luminosidad extrema) funciona como color neutro, fácil de combinar con casi cualquier otro.

Como fondo pide texto oscuro: el negro alcanza un contraste de 11,54:1 sobre él, frente a 1,81:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 0%, 0%, 25%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Plateado

Complementaria

#C0C0C0 · #BFBFBF

Análoga

#BFBFBF · #C0C0C0 · #BFBFBF

Tríada

#C0C0C0 · #BFBFBF · #BFBFBF

Tetrádica

#C0C0C0 · #BFBFBF · #BFBFBF · #BFBFBF

Complementaria dividida

#C0C0C0 · #BFBFBF · #BFBFBF

Monocromática

#808080 · #A6A6A6 · #C0C0C0 · #E6E6E6 · #FFFFFF

Plateado con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,81:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
11,54:1 · AAA

Prueba otras combinaciones en el verificador de contraste

¿Plateado o gris claro?

Técnicamente, #C0C0C0 (rgb(192, 192, 192)) es un gris neutro, con los tres canales iguales. Lo que lo convierte en “plateado” es el nombre y el contexto: silver es uno de los 16 colores básicos de HTML 3.2, junto a gray (#808080). Una rareza de CSS que conviene conocer: darkgray (#A9A9A9) es más claro que gray, herencia de haber unido distintos sistemas de color en una misma especificación. Así que, cuando trabajes con plateado, fíate del HEX y no del nombre.

Asociaciones y usos

El plateado suele evocar tecnología, modernidad, precisión y elegancia discreta, el lado “frío” de los metales preciosos. Lleva décadas siendo el color de electrodomésticos, portátiles y autos, y en muchas culturas marca el 25.º aniversario de boda (las bodas de plata). En moda, los tejidos metalizados plateados aparecen en colecciones de fiesta y de estética futurista; en joyería se dice que la plata favorece a los subtonos fríos, aunque esa regla es cada vez más flexible. En decoración, los grifos y tiradores cromados dan a cocinas y baños un aire contemporáneo.

Pantalla, impresión y el efecto metálico

Igual que el dorado, el plateado en pantalla es solo un gris hasta que entra en juego la luz. Para sugerir metal en interfaces y banners, usa un degradado entre grises claros y medios con un punto de brillo casi blanco. En imprenta, el CMYK reproduce #C0C0C0 como un gris corriente (básicamente una trama de negro). Para un brillo real necesitas una tinta especial, como un Pantone metálico plateado (el Pantone 877 C es de los más usados), o un acabado con lámina metálica.

Cómo combinarlo y mantener la legibilidad

El plateado acompaña bien a los colores fríos y profundos: azul marino (#000080), gris marengo (#36454F) y lavanda (#E6E6FA), para un aire invernal. Para un contraste cálido, prueba el rosa intenso (#FF1493).

En interfaces, ojo: los botones o textos gris plata se interpretan como “deshabilitados”. #C0C0C0 frente al blanco da 1,8:1, insuficiente para cualquier texto; sobre negro llega a 11,5:1. Usa el plateado en bordes, separadores e iconos decorativos, y valida lo demás en el verificador de contraste.

Cómo usarlo en CSS

:root {
  --color-silver: #C0C0C0;
  --color-silver-rgb: 192, 192, 192;
}

.elemento {
  background-color: var(--color-silver);
  color: #000000;
}