Ir al selector de color

Color #558ccd: Suave tono de azul

#558ccd es rgb(85, 140, 205) en RGB y oklch(63.052% 0.11473 253.605) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

213°
100 %

63,1 %
0,115
254°
  • Azul
  • Medio
  • Suave
  • Frío
  • ≈ Azul acero
  • sky-600
  • Negro 20 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
3.49:1Difícil de leer
Lc -68
Texto negro
6.02:1Legible · AA
Lc 42

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 #558ccd

#558ccd es un suave tono de azul. En OKLCH tiene una luminosidad de 63,1 %, un croma de 0.115 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.49:1 y el negro 6.02: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: #558ccd mezclado con blanco

  1. 558ccd
  2. 6698d3
  3. 77a3d8
  4. 88aedd
  5. 98bae3
  6. a9c5e8
  7. bad1ed
  8. cbdcf1
  9. dce8f6
  10. eef3fb

Más oscuro: #558ccd mezclado con negro

  1. 558ccd
  2. 4979b2
  3. 3d6798
  4. 31557e
  5. 264366
  6. 1c334e
  7. 112338
  8. 081423
  9. 02070f
  10. 000102

Más sobrio: #558ccd con menos saturación

  1. 558ccd
  2. 5b8cc6
  3. 618cc0
  4. 678cb9
  5. 6c8cb3
  6. 718cac
  7. 768ba5
  8. 7b8b9e
  9. 808a97
  10. 858a90

Preguntas sobre #558ccd

¿Qué color es #558ccd?

#558ccd es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(85, 140, 205), en HSL hsl(212.5, 54.55%, 56.86%) y en OKLCH oklch(63.052% 0.11473 253.605).

¿Qué colores combinan con #558ccd?

El color complementario de #558ccd es #b37d2d. Para una combinación más tranquila, usa los colores análogos #1397bc y #817fcc. Los colores de la tríada son #c46a75 y #6c984d.

¿Se lee mejor el texto blanco o el negro sobre #558ccd?

Sobre #558ccd se lee mejor el texto blanco: el blanco da una relación de contraste de 3.49:1 y el negro de 6.02:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#558ccd es un color cálido o frío?

#558ccd es un color frío. En OKLCH su matiz es de 254 grados, su luminosidad 63,1 % y su croma 0.115.