Ir al selector de color

Color #548bc2: Suave tono de azul

#548bc2 es rgb(84, 139, 194) en RGB y oklch(62.218% 0.10216 249.772) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

210°
100 %

62,2 %
0,102
250°
  • Azul
  • Medio
  • Suave
  • Frío
  • ≈ Azul acero
  • cyan-600
  • Negro 24 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
3.59:1Difícil de leer
Lc -69
Texto negro
5.85:1Legible · AA
Lc 41

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 #548bc2

#548bc2 es un suave tono de azul. En OKLCH tiene una luminosidad de 62,2 %, un croma de 0.102 y un matiz de 250°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 3.59:1 y el negro 5.85: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 cyan-600.

Más tonos de azul: medio

Más claro: #548bc2 mezclado con blanco

  1. 548bc2
  2. 6596c9
  3. 76a2cf
  4. 87add5
  5. 98b9dc
  6. a9c5e2
  7. bad0e8
  8. cbdcee
  9. dce7f4
  10. eef3f9

Más oscuro: #548bc2 mezclado con negro

  1. 548bc2
  2. 4878a8
  3. 3c668f
  4. 315477
  5. 264360
  6. 1b3249
  7. 112334
  8. 081420
  9. 02070e
  10. 000102

Más sobrio: #548bc2 con menos saturación

  1. 548bc2
  2. 5a8bbc
  3. 608bb6
  4. 658ab1
  5. 6b8aab
  6. 708aa5
  7. 74899f
  8. 798999
  9. 7e8893
  10. 82878d

Preguntas sobre #548bc2

¿Qué color es #548bc2?

#548bc2 es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(84, 139, 194), en HSL hsl(210, 47.41%, 54.51%) y en OKLCH oklch(62.218% 0.10216 249.772).

¿Qué colores combinan con #548bc2?

El color complementario de #548bc2 es #ae7b3c. Para una combinación más tranquila, usa los colores análogos #2895b1 y #7b80c3. Los colores de la tríada son #bb6c79 y #73934f.

¿Se lee mejor el texto blanco o el negro sobre #548bc2?

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

¿#548bc2 es un color cálido o frío?

#548bc2 es un color frío. En OKLCH su matiz es de 250 grados, su luminosidad 62,2 % y su croma 0.102.