Ir al selector de color

Color #657aaa: Discreto tono de azul

#657aaa es rgb(101, 122, 170) en RGB y oklch(58.235% 0.07827 265.865) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

222°
100 %

58,2 %
0,078
266°
  • Azul
  • Medio
  • Apagado
  • Empolvado
  • Frío
  • ≈ Azul acero
  • slate-500
  • Negro 33 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.27:1Difícil de leer
Lc -75
Texto negro
4.92:1Legible · AA
Lc 35

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 que eliges o copias. Se quedan en este dispositivo.

Sobre #657aaa

#657aaa es un discreto tono de azul. En OKLCH tiene una luminosidad de 58,2 %, un croma de 0.078 y un matiz de 266°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Azul acero (#4682b4). En Tailwind CSS el más cercano es slate-500.

Más tonos de azul: medio

Más claro: #657aaa mezclado con blanco

  1. 657aaa
  2. 7387b3
  3. 8294bb
  4. 91a1c4
  5. a0aecc
  6. afbbd5
  7. bfc8dd
  8. ced6e6
  9. dee3ee
  10. eff1f7

Más oscuro: #657aaa mezclado con negro

  1. 657aaa
  2. 576993
  3. 49597d
  4. 3c4968
  5. 2f3a53
  6. 222b3f
  7. 171d2d
  8. 0c101b
  9. 03050b
  10. 000101

Más sobrio: #657aaa con menos saturación

  1. 657aaa
  2. 677aa5
  3. 697ba1
  4. 6c7b9c
  5. 6e7b98
  6. 707b93
  7. 727b8e
  8. 747b89
  9. 777b85
  10. 797b80

Preguntas sobre #657aaa

¿Qué color es #657aaa?

#657aaa es un discreto tono de azul. El color con nombre más cercano es Discreto tono de azul. En RGB es rgb(101, 122, 170), en HSL hsl(221.74, 28.87%, 53.14%) y en OKLCH oklch(58.235% 0.07827 265.865).

¿Qué colores combinan con #657aaa?

El color complementario de #657aaa es #907842. Para una combinación más tranquila, usa los colores análogos #4a82a3 y #7f71a5. Los colores de la tríada son #a56963 y #5c885f.

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

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

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

#657aaa es un color frío. En OKLCH su matiz es de 266 grados, su luminosidad 58,2 % y su croma 0.078.