Ir al selector de color

Color #548bcd: Suave tono de azul

#548bcd es rgb(84, 139, 205) en RGB y oklch(62.781% 0.11613 253.946) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

213°
100 %

62,8 %
0,116
254°
  • Azul
  • Medio
  • Suave
  • Frío
  • ≈ Azul acero
  • sky-600
  • Negro 20 %

Dentro de sRGB: se ve igual en cualquier pantalla.

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

Sobre #548bcd

#548bcd es un suave tono de azul. En OKLCH tiene una luminosidad de 62,8 %, un croma de 0.116 y un matiz de 254°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

Más tonos de azul: medio

Más claro: #548bcd mezclado con blanco

  1. 548bcd
  2. 6597d3
  3. 76a2d8
  4. 87aedd
  5. 98b9e3
  6. a9c5e8
  7. bad0ed
  8. cbdcf1
  9. dce8f6
  10. edf3fb

Más oscuro: #548bcd mezclado con negro

  1. 548bcd
  2. 4878b2
  3. 3c6698
  4. 31547e
  5. 264366
  6. 1b324e
  7. 112338
  8. 081423
  9. 02070f
  10. 000102

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

  1. 548bcd
  2. 5a8bc6
  3. 608bc0
  4. 668bb9
  5. 6b8bb2
  6. 708bab
  7. 758aa5
  8. 7a8a9e
  9. 7f8a97
  10. 848990

Preguntas sobre #548bcd

¿Qué color es #548bcd?

#548bcd es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(84, 139, 205), en HSL hsl(212.73, 54.75%, 56.67%) y en OKLCH oklch(62.781% 0.11613 253.946).

¿Qué colores combinan con #548bcd?

El color complementario de #548bcd es #b27d2a. Para una combinación más tranquila, usa los colores análogos #0b97bc y #807ecc. Los colores de la tríada son #c46973 y #6b984c.

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

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

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

#548bcd es un color frío. En OKLCH su matiz es de 254 grados, su luminosidad 62,8 % y su croma 0.116.