Ir al selector de color

Color #697cbc: Suave tono de índigo

#697cbc es rgb(105, 124, 188) en RGB y oklch(59.841% 0.10053 270.56) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

226°
100 %

59,8 %
0,101
271°
  • Índigo
  • Medio
  • Suave
  • Frío
  • ≈ Azul acero
  • slate-500
  • Negro 26 %

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 en los que te detienes o que copias. Se quedan en este dispositivo.

Sobre #697cbc

#697cbc es un suave tono de índigo. En OKLCH tiene una luminosidad de 59,8 %, un croma de 0.101 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.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: #697cbc mezclado con blanco

  1. 697cbc
  2. 7789c3
  3. 8596ca
  4. 93a3d1
  5. a2afd8
  6. b1bddf
  7. c0cae5
  8. d0d7ec
  9. dfe4f2
  10. eff2f9

Más oscuro: #697cbc mezclado con negro

  1. 697cbc
  2. 5a6ba3
  3. 4c5a8b
  4. 3e4a73
  5. 313b5d
  6. 242c47
  7. 181e32
  8. 0c111f
  9. 04050d
  10. 000102

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

  1. 697cbc
  2. 6b7db6
  3. 6d7db0
  4. 707eaa
  5. 727ea4
  6. 747f9e
  7. 767f98
  8. 797f92
  9. 7b7f8c
  10. 7d8086

Preguntas sobre #697cbc

¿Qué color es #697cbc?

#697cbc es un suave tono de índigo. El color con nombre más cercano es Suave tono de índigo. En RGB es rgb(105, 124, 188), en HSL hsl(226.27, 38.25%, 57.45%) y en OKLCH oklch(59.841% 0.10053 270.56).

¿Qué colores combinan con #697cbc?

El color complementario de #697cbc es #977d2f. Para una combinación más tranquila, usa los colores análogos #4187b6 y #8a71b3. Los colores de la tríada son #b4685b y #4f9160.

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

Sobre #697cbc 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.

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

#697cbc es un color frío. En OKLCH su matiz es de 271 grados, su luminosidad 59,8 % y su croma 0.101.