Ir al selector de color

Color #376ea2: Suave tono de azul

#376ea2 es rgb(55, 110, 162) en RGB y oklch(52.507% 0.10104 249.151) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

209°
100 %

52,5 %
0,101
249°
  • Azul
  • Medio
  • Suave
  • Frío
  • ≈ Cerúleo
  • sky-700
  • Negro 36 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
5.36:1Legible · AA
Lc -82
Texto negro
3.91:1Difícil de leer
Lc 28

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 #376ea2

#376ea2 es un suave tono de azul. En OKLCH tiene una luminosidad de 52,5 %, un croma de 0.101 y un matiz de 249°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Cerúleo (#007ba7). En Tailwind CSS el más cercano es sky-700.

Más tonos de azul: medio

Más claro: #376ea2 mezclado con blanco

  1. 376ea2
  2. 4b7cac
  3. 5f8ab5
  4. 7398bf
  5. 86a7c8
  6. 9ab5d1
  7. aec4db
  8. c2d2e4
  9. d6e1ed
  10. eaf0f6

Más oscuro: #376ea2 mezclado con negro

  1. 376ea2
  2. 2e5f8c
  3. 265077
  4. 1e4163
  5. 16334f
  6. 0f263c
  7. 08192a
  8. 030e19
  9. 01040a
  10. 000101

Más sobrio: #376ea2 con menos saturación

  1. 376ea2
  2. 3e6e9d
  3. 446e97
  4. 496e92
  5. 4f6d8c
  6. 546d87
  7. 596d81
  8. 5d6c7c
  9. 626c76
  10. 666b70

Preguntas sobre #376ea2

¿Qué color es #376ea2?

#376ea2 es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(55, 110, 162), en HSL hsl(209.16, 49.31%, 42.55%) y en OKLCH oklch(52.507% 0.10104 249.151).

¿Qué colores combinan con #376ea2?

El color complementario de #376ea2 es #905e1d. Para una combinación más tranquila, usa los colores análogos #007792 y #5e63a4. Los colores de la tríada son #9b505e y #587532.

¿Se lee mejor el texto blanco o el negro sobre #376ea2?

Sobre #376ea2 se lee mejor el texto blanco: el blanco da una relación de contraste de 5.36:1 y el negro de 3.91:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#376ea2 es un color cálido o frío?

#376ea2 es un color frío. En OKLCH su matiz es de 249 grados, su luminosidad 52,5 % y su croma 0.101.