Ir al selector de color

Color #577da3: Discreto tono de azul

#577da3 es rgb(87, 125, 163) en RGB y oklch(57.687% 0.07285 249.189) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

210°
100 %

57,7 %
0,073
249°
  • Azul
  • Medio
  • Suave
  • Empolvado
  • Frío
  • ≈ Azul acero
  • slate-500
  • Negro 36 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.31:1Difícil de leer
Lc -75
Texto negro
4.87: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 que eliges o copias. Se quedan en este dispositivo.

Sobre #577da3

#577da3 es un discreto tono de azul. En OKLCH tiene una luminosidad de 57,7 %, un croma de 0.073 y un matiz de 249°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

  1. 577da3
  2. 6789ac
  3. 7796b5
  4. 88a3bf
  5. 98b0c8
  6. a9bdd1
  7. bacada
  8. cbd7e3
  9. dce4ed
  10. edf1f6

Más oscuro: #577da3 mezclado con negro

  1. 577da3
  2. 4b6c8d
  3. 3e5b78
  4. 334b63
  5. 273b4f
  6. 1c2c3c
  7. 121e2a
  8. 081119
  9. 03050a
  10. 000101

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

  1. 577da3
  2. 5b7d9f
  3. 5f7d9b
  4. 627c97
  5. 667c93
  6. 697c8f
  7. 6d7b8a
  8. 707b86
  9. 737a82
  10. 767a7e

Preguntas sobre #577da3

¿Qué color es #577da3?

#577da3 es un discreto tono de azul. El color con nombre más cercano es Discreto tono de azul. En RGB es rgb(87, 125, 163), en HSL hsl(210, 30.4%, 49.02%) y en OKLCH oklch(57.687% 0.07285 249.189).

¿Qué colores combinan con #577da3?

El color complementario de #577da3 es #967249. Para una combinación más tranquila, usa los colores análogos #428497 y #7075a4. Los colores de la tríada son #9f6770 y #6c8253.

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

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

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

#577da3 es un color frío. En OKLCH su matiz es de 249 grados, su luminosidad 57,7 % y su croma 0.073.