Ir al selector de color

Color #577eae: Suave tono de azul

#577eae es rgb(87, 126, 174) en RGB y oklch(58.44% 0.08628 254.174) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

213°
100 %

58,4 %
0,086
254°
  • Azul
  • Medio
  • Suave
  • Frío
  • ≈ Azul acero
  • slate-500
  • Negro 32 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.20:1Difícil de leer
Lc -74
Texto negro
5.00: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 en los que te detienes o que copias. Se quedan en este dispositivo.

Sobre #577eae

#577eae es un suave tono de azul. En OKLCH tiene una luminosidad de 58,4 %, un croma de 0.086 y un matiz de 254°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

  1. 577eae
  2. 678ab6
  3. 7797bf
  4. 88a4c7
  5. 98b0cf
  6. a9bdd7
  7. bacadf
  8. cbd7e7
  9. dce4ef
  10. edf2f7

Más oscuro: #577eae mezclado con negro

  1. 577eae
  2. 4b6d97
  3. 3e5c80
  4. 334c6a
  5. 273c55
  6. 1c2d41
  7. 121f2e
  8. 08111c
  9. 03050b
  10. 000101

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

  1. 577eae
  2. 5b7ea9
  3. 5f7ea4
  4. 637e9f
  5. 677e9a
  6. 6a7d95
  7. 6e7d90
  8. 717d8b
  9. 757c86
  10. 787c81

Preguntas sobre #577eae

¿Qué color es #577eae?

#577eae es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(87, 126, 174), en HSL hsl(213.1, 34.94%, 51.18%) y en OKLCH oklch(58.44% 0.08628 254.174).

¿Qué colores combinan con #577eae?

El color complementario de #577eae es #9a743d. Para una combinación más tranquila, usa los colores análogos #3886a2 y #7574ad. Los colores de la tríada son #a8666c y #668752.

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

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

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

#577eae es un color frío. En OKLCH su matiz es de 254 grados, su luminosidad 58,4 % y su croma 0.086.