Ir al selector de color

Color #aaa2aa: Tono claro de gris

#aaa2aa es rgb(170, 162, 170) en RGB y oklch(72.142% 0.01457 325.727) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

300°
100 %

72,1 %
0,015
326°
  • Gris
  • Claro
  • Apagado
  • Neutro
  • ≈ Gris oscuro
  • mauve-400
  • Negro 33 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.48:1Difícil de leer
Lc -54
Texto negro
8.46:1Legible · AA
Lc 55

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 #aaa2aa

#aaa2aa es un tono claro de gris. En OKLCH tiene una luminosidad de 72,1 %, un croma de 0.015 y un matiz de 326°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Gris oscuro (#a9a9a9). En Tailwind CSS el más cercano es mauve-400.

Más tonos de gris: claro

Más claro: #aaa2aa mezclado con blanco

  1. aaa2aa
  2. b2abb2
  3. bab4ba
  4. c3bdc3
  5. cbc6cb
  6. d4d0d4
  7. dcd9dc
  8. e5e2e5
  9. eeecee
  10. f6f5f6

Más oscuro: #aaa2aa mezclado con negro

  1. aaa2aa
  2. 938c93
  3. 7d777d
  4. 686368
  5. 534f53
  6. 3f3c3f
  7. 2d2a2d
  8. 1b191b
  9. 0b0a0b
  10. 010101

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

  1. aaa2aa
  2. a9a2a9
  3. a9a3a9
  4. a8a3a8
  5. a8a3a8
  6. a7a3a7
  7. a7a4a7
  8. a6a4a6
  9. a6a4a6
  10. a5a5a5

Preguntas sobre #aaa2aa

¿Qué color es #aaa2aa?

#aaa2aa es un tono claro de gris. El color con nombre más cercano es Tono claro de gris. En RGB es rgb(170, 162, 170), en HSL hsl(300, 4.49%, 65.1%) y en OKLCH oklch(72.142% 0.01457 325.727).

¿Qué colores combinan con #aaa2aa?

El color complementario de #aaa2aa es #a0a8a0. Para una combinación más tranquila, usa los colores análogos #a5a3ad y #ada1a5. Los colores de la tríada son #a9a59b y #9ba8a9.

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

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

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

#aaa2aa es un color neutro. En OKLCH su matiz es de 326 grados, su luminosidad 72,1 % y su croma 0.015.