Ir al selector de color

Color #577aaa: Suave tono de azul

#577aaa es rgb(87, 122, 170) en RGB y oklch(57.338% 0.08468 256.47) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

215°
100 %

57,3 %
0,085
256°
  • Azul
  • Medio
  • Suave
  • Frío
  • ≈ Azul acero
  • slate-500
  • Negro 33 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.40:1Difícil de leer
Lc -76
Texto negro
4.77:1Legible · AA
Lc 34

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 #577aaa

#577aaa es un suave tono de azul. En OKLCH tiene una luminosidad de 57,3 %, un croma de 0.085 y un matiz de 256°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 4.4:1 y el negro 4.77: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: #577aaa mezclado con blanco

  1. 577aaa
  2. 6787b3
  3. 7794bb
  4. 87a1c4
  5. 98aecd
  6. a8bbd5
  7. b9c8dd
  8. cad6e6
  9. dce4ee
  10. edf1f7

Más oscuro: #577aaa mezclado con negro

  1. 577aaa
  2. 4b6993
  3. 3e597d
  4. 334968
  5. 273a53
  6. 1c2b3f
  7. 121d2d
  8. 08101b
  9. 03050b
  10. 000101

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

  1. 577aaa
  2. 5b7aa5
  3. 5e7aa0
  4. 627a9b
  5. 657a97
  6. 687a92
  7. 6c7a8d
  8. 6f7988
  9. 727983
  10. 75797d

Preguntas sobre #577aaa

¿Qué color es #577aaa?

#577aaa es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(87, 122, 170), en HSL hsl(214.7, 32.81%, 50.39%) y en OKLCH oklch(57.338% 0.08468 256.47).

¿Qué colores combinan con #577aaa?

El color complementario de #577aaa es #95713b. Para una combinación más tranquila, usa los colores análogos #38829f y #7471a8. Los colores de la tríada son #a46367 y #618451.

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

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

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

#577aaa es un color frío. En OKLCH su matiz es de 256 grados, su luminosidad 57,3 % y su croma 0.085.