Ir al selector de color

Color #ccc7cc: Tono claro de gris

#ccc7cc es rgb(204, 199, 204) en RGB y oklch(83.515% 0.00878 325.655) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

300°
100 %

83,5 %
0,009
326°
  • Gris
  • Claro
  • Apagado
  • Neutro
  • ≈ Plata
  • mauve-300
  • Negro 20 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.67:1Difícil de leer
Lc -33
Texto negro
12.61:1Legible · AA
Lc 75

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Abrir como paleta

Recientes

Aquí aparecen los colores en los que te detienes o que copias. Se quedan en este dispositivo.

Sobre #ccc7cc

#ccc7cc es un tono claro de gris. En OKLCH tiene una luminosidad de 83,5 %, un croma de 0.009 y un matiz de 326°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 1.67:1 y el negro 12.61:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Plata (#c0c0c0). En Tailwind CSS el más cercano es mauve-300.

Más tonos de gris: claro

Más claro: #ccc7cc mezclado con blanco

  1. ccc7cc
  2. d1ccd1
  3. d6d2d6
  4. dbd8db
  5. e0dde0
  6. e5e3e5
  7. eae8ea
  8. efeeef
  9. f5f4f5
  10. faf9fa

Más oscuro: #ccc7cc mezclado con negro

  1. ccc7cc
  2. b1adb1
  3. 979397
  4. 7e7a7e
  5. 656265
  6. 4e4c4e
  7. 373637
  8. 222122
  9. 0f0e0f
  10. 020202

Más sobrio: #ccc7cc con menos saturación

  1. ccc7cc
  2. ccc7cc
  3. cbc7cb
  4. cbc8cb
  5. cbc8cb
  6. cac8ca
  7. cac8ca
  8. cac8ca
  9. c9c8c9
  10. c9c9c9

Preguntas sobre #ccc7cc

¿Qué color es #ccc7cc?

#ccc7cc es un tono claro de gris. El color con nombre más cercano es Tono claro de gris. En RGB es rgb(204, 199, 204), en HSL hsl(300, 4.67%, 79.02%) y en OKLCH oklch(83.515% 0.00878 325.655).

¿Qué colores combinan con #ccc7cc?

El color complementario de #ccc7cc es #c5cac5. Para una combinación más tranquila, usa los colores análogos #c9c8ce y #cec7c9. Los colores de la tríada son #cbc9c3 y #c3cbcc.

¿Se lee mejor el texto blanco o el negro sobre #ccc7cc?

Sobre #ccc7cc se lee mejor el texto negro: el blanco da una relación de contraste de 1.67:1 y el negro de 12.61:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#ccc7cc es un color cálido o frío?

#ccc7cc es un color neutro. En OKLCH su matiz es de 326 grados, su luminosidad 83,5 % y su croma 0.009.