Ir al selector de color

Color #697cbe: Suave tono de índigo

#697cbe es rgb(105, 124, 190) en RGB y oklch(59.945% 0.10343 270.823) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

227°
100 %

59,9 %
0,103
271°
  • Índigo
  • Medio
  • Suave
  • Frío
  • ≈ Azul acero
  • slate-500
  • Negro 25 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.02:1Difícil de leer
Lc -73
Texto negro
5.23: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 #697cbe

#697cbe es un suave tono de índigo. En OKLCH tiene una luminosidad de 59,9 %, un croma de 0.103 y un matiz de 271°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 4.02:1 y el negro 5.23: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: #697cbe mezclado con blanco

  1. 697cbe
  2. 7789c5
  3. 8596cc
  4. 93a3d3
  5. a2b0d9
  6. b1bde0
  7. c0cae6
  8. d0d7ed
  9. dfe4f3
  10. eff2f9

Más oscuro: #697cbe mezclado con negro

  1. 697cbe
  2. 5a6ba5
  3. 4c5a8c
  4. 3e4a75
  5. 313b5e
  6. 242c48
  7. 181e33
  8. 0c111f
  9. 04050d
  10. 000102

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

  1. 697cbe
  2. 6b7db8
  3. 6d7db2
  4. 707eac
  5. 727ea6
  6. 747fa0
  7. 777f99
  8. 797f93
  9. 7b808d
  10. 7e8086

Preguntas sobre #697cbe

¿Qué color es #697cbe?

#697cbe es un suave tono de índigo. El color con nombre más cercano es Suave tono de índigo. En RGB es rgb(105, 124, 190), en HSL hsl(226.59, 39.53%, 57.84%) y en OKLCH oklch(59.945% 0.10343 270.823).

¿Qué colores combinan con #697cbe?

El color complementario de #697cbe es #977d2c. Para una combinación más tranquila, usa los colores análogos #3f87b8 y #8a71b4. Los colores de la tríada son #b5675a y #4d915f.

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

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

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

#697cbe es un color frío. En OKLCH su matiz es de 271 grados, su luminosidad 59,9 % y su croma 0.103.