Ir al selector de color

Color #697bc2: Suave tono de índigo

#697bc2 es rgb(105, 123, 194) en RGB y oklch(59.948% 0.11049 271.923) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

228°
100 %

59,9 %
0,110
272°
  • Índigo
  • Medio
  • Suave
  • Frío
  • ≈ Azul acero
  • slate-500
  • Negro 24 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.03:1Difícil de leer
Lc -73
Texto negro
5.21:1Legible · AA
Lc 37

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 #697bc2

#697bc2 es un suave tono de índigo. En OKLCH tiene una luminosidad de 59,9 %, un croma de 0.11 y un matiz de 272°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

Más tonos de índigo: medio

Más claro: #697bc2 mezclado con blanco

  1. 697bc2
  2. 7788c9
  3. 8595cf
  4. 93a2d6
  5. a2afdc
  6. b1bce2
  7. c0c9e8
  8. cfd7ee
  9. dfe4f4
  10. eff1f9

Más oscuro: #697bc2 mezclado con negro

  1. 697bc2
  2. 5a6aa8
  3. 4c5a8f
  4. 3e4a77
  5. 313a60
  6. 242c49
  7. 181e34
  8. 0c1020
  9. 04050e
  10. 000102

Más sobrio: #697bc2 con menos saturación

  1. 697bc2
  2. 6b7cbc
  3. 6d7db5
  4. 707daf
  5. 727ea8
  6. 747fa2
  7. 767f9b
  8. 797f94
  9. 7b808e
  10. 7e8087

Preguntas sobre #697bc2

¿Qué color es #697bc2?

#697bc2 es un suave tono de índigo. El color con nombre más cercano es Suave tono de índigo. En RGB es rgb(105, 123, 194), en HSL hsl(227.87, 42.18%, 58.63%) y en OKLCH oklch(59.948% 0.11049 271.923).

¿Qué colores combinan con #697bc2?

El color complementario de #697bc2 es #987d22. Para una combinación más tranquila, usa los colores análogos #3a87bc y #8c6fb7. Los colores de la tríada son #b96555 y #46935e.

¿Se lee mejor el texto blanco o el negro sobre #697bc2?

Sobre #697bc2 se lee mejor el texto blanco: el blanco da una relación de contraste de 4.03:1 y el negro de 5.21:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#697bc2 es un color cálido o frío?

#697bc2 es un color frío. En OKLCH su matiz es de 272 grados, su luminosidad 59,9 % y su croma 0.11.