Ir al selector de color

Color #57affe: Intenso tono claro de azul

#57affe es rgb(87, 175, 254) en RGB y oklch(73.387% 0.14297 248.133) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

208°
100 %

73,4 %
0,143
248°
  • Azul
  • Claro
  • Intenso
  • Frío
  • ≈ Azul cielo
  • blue-400
  • Negro 0 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.34:1Difícil de leer
Lc -51
Texto negro
8.97:1Legible · AA
Lc 58

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 #57affe

#57affe es un intenso tono claro de azul. En OKLCH tiene una luminosidad de 73,4 %, un croma de 0.143 y un matiz de 248°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 2.34:1 y el negro 8.97:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Azul cielo (#87ceeb). En Tailwind CSS el más cercano es blue-400.

Más tonos de azul: claro

Más claro: #57affe mezclado con blanco

  1. 57affe
  2. 6ab7ff
  3. 7cc0ff
  4. 8ec8ff
  5. 9ed0ff
  6. afd8ff
  7. bfe0ff
  8. cfe8ff
  9. dff0ff
  10. eff7ff

Más oscuro: #57affe mezclado con negro

  1. 57affe
  2. 4b98dd
  3. 3e81bd
  4. 336b9e
  5. 275680
  6. 1c4163
  7. 122e47
  8. 081c2d
  9. 030b16
  10. 000103

Más sobrio: #57affe con menos saturación

  1. 57affe
  2. 62aff6
  3. 6cafed
  4. 75aee5
  5. 7daedd
  6. 85add4
  7. 8dadcc
  8. 94acc3
  9. 9babbb
  10. a2aab2

Preguntas sobre #57affe

¿Qué color es #57affe?

#57affe es un intenso tono claro de azul. El color con nombre más cercano es Intenso tono claro de azul. En RGB es rgb(87, 175, 254), en HSL hsl(208.38, 98.82%, 66.86%) y en OKLCH oklch(73.387% 0.14297 248.133).

¿Qué colores combinan con #57affe?

El color complementario de #57affe es #e39632. Para una combinación más tranquila, usa los colores análogos #00bde4 y #959eff. Los colores de la tríada son #f38097 y #8eba50.

¿Se lee mejor el texto blanco o el negro sobre #57affe?

Sobre #57affe se lee mejor el texto negro: el blanco da una relación de contraste de 2.34:1 y el negro de 8.97:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#57affe es un color cálido o frío?

#57affe es un color frío. En OKLCH su matiz es de 248 grados, su luminosidad 73,4 % y su croma 0.143.