Ir al selector de color

Color #587ea2: Discreto tono de azul

#587ea2 es rgb(88, 126, 162) en RGB y oklch(57.931% 0.07027 247.793) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

209°
100 %

57,9 %
0,070
248°
  • Azul
  • Medio
  • Suave
  • Empolvado
  • Frío
  • ≈ Azul acero
  • slate-500
  • Negro 36 %

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 #587ea2

#587ea2 es un discreto tono de azul. En OKLCH tiene una luminosidad de 57,9 %, un croma de 0.07 y un matiz de 248°.

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: #587ea2 mezclado con blanco

  1. 587ea2
  2. 688aab
  3. 7897b5
  4. 88a3be
  5. 99b0c7
  6. a9bdd0
  7. bacada
  8. cbd7e3
  9. dce4ec
  10. edf2f6

Más oscuro: #587ea2 mezclado con negro

  1. 587ea2
  2. 4b6d8c
  3. 3f5c77
  4. 334c63
  5. 283c4f
  6. 1d2d3c
  7. 121f2a
  8. 091119
  9. 03050a
  10. 000101

Más sobrio: #587ea2 con menos saturación

  1. 587ea2
  2. 5c7e9e
  3. 607d9a
  4. 637d96
  5. 677d92
  6. 6a7c8e
  7. 6d7c8a
  8. 717c86
  9. 747b82
  10. 777b7e

Preguntas sobre #587ea2

¿Qué color es #587ea2?

#587ea2 es un discreto tono de azul. El color con nombre más cercano es Discreto tono de azul. En RGB es rgb(88, 126, 162), en HSL hsl(209.19, 29.6%, 49.02%) y en OKLCH oklch(57.931% 0.07027 247.793).

¿Qué colores combinan con #587ea2?

El color complementario de #587ea2 es #96724c. Para una combinación más tranquila, usa los colores análogos #458496 y #7076a4. Los colores de la tríada son #9f6972 y #6e8255.

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

Sobre #587ea2 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.

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

#587ea2 es un color frío. En OKLCH su matiz es de 248 grados, su luminosidad 57,9 % y su croma 0.07.