Ir al selector de color

Color #586fa2: Apagado tono de azul

#586fa2 es rgb(88, 111, 162) en RGB y oklch(54.529% 0.08475 265.16) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

221°
100 %

54,5 %
0,085
265°
  • Azul
  • Medio
  • Apagado
  • Frío
  • ≈ Azul acero
  • slate-500
  • Negro 36 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.99:1Legible · AA
Lc -80
Texto negro
4.21:1Difícil de leer
Lc 30

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 #586fa2

#586fa2 es un apagado tono de azul. En OKLCH tiene una luminosidad de 54,5 %, un croma de 0.085 y un matiz de 265°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 4.99:1 y el negro 4.21: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: #586fa2 mezclado con blanco

  1. 586fa2
  2. 677dab
  3. 778bb5
  4. 8799be
  5. 97a7c8
  6. a8b5d1
  7. b9c4da
  8. cad2e3
  9. dbe1ed
  10. edf0f6

Más oscuro: #586fa2 mezclado con negro

  1. 586fa2
  2. 4b608c
  3. 3f5177
  4. 334263
  5. 28344f
  6. 1d273c
  7. 121a2a
  8. 090e19
  9. 03040a
  10. 000101

Más sobrio: #586fa2 con menos saturación

  1. 586fa2
  2. 5a6f9d
  3. 5d7098
  4. 5f7093
  5. 62708f
  6. 64708a
  7. 677085
  8. 697080
  9. 6b707a
  10. 6e7075

Preguntas sobre #586fa2

¿Qué color es #586fa2?

#586fa2 es un apagado tono de azul. El color con nombre más cercano es Apagado tono de azul. En RGB es rgb(88, 111, 162), en HSL hsl(221.35, 29.6%, 49.02%) y en OKLCH oklch(54.529% 0.08475 265.16).

¿Qué colores combinan con #586fa2?

El color complementario de #586fa2 es #876c30. Para una combinación más tranquila, usa los colores análogos #38789b y #74669c. Los colores de la tríada son #9c5c57 y #4f7d51.

¿Se lee mejor el texto blanco o el negro sobre #586fa2?

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

¿#586fa2 es un color cálido o frío?

#586fa2 es un color frío. En OKLCH su matiz es de 265 grados, su luminosidad 54,5 % y su croma 0.085.