Ir al selector de color

Color #456ea2: Suave tono de azul

#456ea2 es rgb(69, 110, 162) en RGB y oklch(53.17% 0.09445 255.002) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

214°
100 %

53,2 %
0,094
255°
  • Azul
  • Medio
  • Suave
  • Frío
  • ≈ Cerúleo
  • slate-500
  • Negro 36 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
5.24:1Legible · AA
Lc -81
Texto negro
4.01: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 #456ea2

#456ea2 es un suave tono de azul. En OKLCH tiene una luminosidad de 53,2 %, un croma de 0.094 y un matiz de 255°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 5.24:1 y el negro 4.01: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 slate-500.

Más tonos de azul: medio

Más claro: #456ea2 mezclado con blanco

  1. 456ea2
  2. 577cac
  3. 698ab5
  4. 7b98be
  5. 8da7c8
  6. 9fb5d1
  7. b2c4da
  8. c5d2e4
  9. d8e1ed
  10. ebf0f6

Más oscuro: #456ea2 mezclado con negro

  1. 456ea2
  2. 3b5f8c
  3. 315077
  4. 274163
  5. 1e334f
  6. 15263c
  7. 0c192a
  8. 050e19
  9. 02040a
  10. 000101

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

  1. 456ea2
  2. 4a6e9d
  3. 4e6e98
  4. 526e92
  5. 566e8d
  6. 5a6e88
  7. 5e6e82
  8. 616d7d
  9. 656d77
  10. 696d72

Preguntas sobre #456ea2

¿Qué color es #456ea2?

#456ea2 es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(69, 110, 162), en HSL hsl(213.55, 40.26%, 45.29%) y en OKLCH oklch(53.17% 0.09445 255.002).

¿Qué colores combinan con #456ea2?

El color complementario de #456ea2 es #8c6424. Para una combinación más tranquila, usa los colores análogos #177795 y #6764a1. Los colores de la tríada son #9b545a y #54783f.

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

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

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

#456ea2 es un color frío. En OKLCH su matiz es de 255 grados, su luminosidad 53,2 % y su croma 0.094.